Web Mobile et Responsive Design

Site web mobile :Parlons du responsive design

221 000 000 pages mobiles vues en mars 2012

Beaucoup plus d’accès par les téléphones/tablettes Ventes de PCs =Ventes des dispositifs mobiles

OrdinateursTablettesTéléphonesTélévisions…

Des tailles d’écrans à l’infini !

Sortez du cadre etdevenez flexibles

Responsive web design

Un seul site pour tout contrôler

3 Fondations du responsive web design Grille flexible Images flexibles Media Queries

Designer une grilleréactive Pensez« flexible »

Des images responsive ?OU Le choix est difficile !

Media QueriesLes bases du responsive Web design

Les choses à penserPoints de contrôle des media queriesBlocs et zone de « widgets »Menus et zones de navigation

Pourquoi l’utiliser ?Compatibilité infinie (adapté aux largeurs)Design basé sur le contenuEvolutif à loisir

Pourquoi l’utiliser NE PAS L’UTILISER ?Design bien plus complexe à effectuerTemps de développement nettement plus long Prix final du projet à flexible lui aussi ;-)

Web Mobile et Responsive Design

by Poule Design, Working at PouleDesign on Aug 13, 2012

Statistics

Views

Actions

1 Embed 2

Accessibility

Categories

Upload Details

Usage Rights

Report content

Web Mobile et Responsive Design Presentation Transcript