CSS 3 Grid Layout: Vous allez enfin aimer CSS - Couverture souple

Goetter, Raphaël

Couverture souple

ISBN 10 : 2212676832 ISBN 13 : 9782212676839

Editeur : EYROLLES, 2019

Synopsis

Un ouvrage de référence pour les wehdesigners 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 wehdesign, 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.

A propos du livre

Présentation de l'éditeur :

Le module de positionnement "Grid Layout" est une spécification du W3C à l'état de Candidate Recommandation dont les premiers jets datent de 2004. Le concept général de Grid Layout (ou "positionnement en grille") est de diviser virtuellement l'espace en zones majeures dans une page ou une application. Concrètement et schématiquement, il s'agira de découper en lignes et en colonnes comme nous le ferions pour un tableau de mise en page. L'un des avantages les plus flagrants d'une grille virtuelle, indépendante des éléments HTML qui peuvent s'y placer, est qu'il est extrêmement aisé de modifier la grille selon le contexte. Par exemple, pour s'adapter immédiatement aux différentes tailles d'écran, il suffit de... changer la grille initiale. Associé aux CSS3 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". En effet, 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.

Biographie de l'auteur :

Webdesigner et gérant d'une agence web strasbourgeoise, Raphaël Goetter partage ses connaissances à travers son site Alsacreations.com, et s'intéresse de près aux domaines des normes du Web et de l'accessibilité. Expert et formateur en langages HTML et CSS et auteur de livres techniques chez Eyrolles.

À propos de cette édition

• Éditeur: EYROLLES
• Date d'édition: 2019
• ISBN 10: 2212676832
• ISBN 13: 9782212676839
• Reliure: Broché
• Nombre de pages: 128