CSS 3 Grid Layout

Un ouvrage de référence pour les webdesigners et intégrateurs



Complémentaire de Flexbox, le module de positionnement Grid Layout est une
spécification du W3C à l’état de Candidate Recommandation dont les premiers
jets datent de 2004. Désormais exploitable en production sur l’ensemble des
navigateurs, le concept général de Grid Layout (ou « positionnement en grille
») est de structurer l’espace en zones majeures, au sein d’une page web ou
d’une application. Une grille virtuelle, indépendante des éléments HTML qui
peuvent s’y placer, présente l’avantage flagrant d’être très souple lorsqu’on
souhaite la modifier en fonction du contexte.



Parfaitement adapté au responsive webdesign, Grid Layout permet à votre page
de s’adapter immédiatement aux différentes tailles d’écran. Associé aux CSS 3
Media Queries, le modèle de positionnement en grille donne toute sa puissance,
plus particulièrement si vous avez opté pour une trame sous forme de variante
« template ». Seul le patron de départ nécessite d’être modifié : inutile
d’intervenir sur la structure HTML, ni même sur le positionnement de chaque
élément de page.



Agrémenté de nombreuses illustrations en couleurs et d’exercices pratiques,
cet ouvrage vous accompagne de façon progressive dans la découverte des
concepts et propriétés associés à ce nouveau module et vous permet d’élaborer
efficacement l’architecture de vos pages sous forme de grilles.



À qui s’adresse cet ouvrage ?

• Aux webdesigners et intégrateurs avancés ou experts qui souhaitent
appréhender et maîtriser en production ce nouveau modèle de positionnement
excitant.

• Aux développeurs et chefs de projet Web qui s’interrogent sur les
possibilités offertes par CSS en termes de design d’interfaces.