Enjeux

• Pourquoi adapter sa présentation pour plusieurs types d’écrans ?
• Comment l’internaute mobile appréhende sa navigation sur tablette et smartphone

Rappels HTML et CSS

• Les balises block et inline : ce que cela implique pour le positionnement
• La notion de flux courant
• La disposition flottante à la disposition par calque

Les médias Queries CSS3

• De quoi s’agit-il ?
• Syntaxe
• Les différentes tailles d’écran à envisager
• Comment tenir compte des anciennes versions de navigateur
• Repenser son design pour les petits écrans
• Adapter le Viewport
• Un design fluide
• Les unités pixel, em et % : pour quel usage ?
• Colonnes fluides : les limites ergonomiques
• Minima et maxima

Optimisation pour le web mobile

• Médias (compression d’image, sprites)
• Utiliser l’affichage tabulaire en CSS (display : table)