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 et devenez flexibles

Responsive web design

Un seul site pour tout contrôler

3 Fondations du responsive web design

Grille flexibleImages flexiblesMedia Queries

Designer une

grille réactive

Pensez « flexible »

Des images responsive ?

Le choix est difficile !

OU

Les bases du responsiveWeb design

Media Queries

Les choses à penser

Points 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 contenu

Evolutif à loisir

Pourquoi l’utiliser NE PAS L’UTILISER ?

Design bien plus complexe à effectuer

Temps de développement nettement plus long

Prix final du projet à flexible lui aussi ;-)