CSS 3 Grid Layout
Vous allez enfin aimer le CSS
Un ouvrage de référence pour les webdesigners et intégrateursComplé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 [...]
[lire le résumé du livre]
Auteur : Raphaël GOETTER
Editeur : Eyrolles
Date parution : 02/2019CB Google/Apple Pay, Chèque, Virement
Quel est le sujet du livre "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.
Auteurs :
Webdesigner et gérant d'une agence web strasbourgeoise, Raphaël Goetter partage ses connaissances à travers son site Alsacréations.com, et s'intéresse de près aux domaines des normes du Web et de l'accessibilité. Il fait partie du collectif Openweb.eu.org, référence francophone en matière de standards du Web.
A 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.
En suivant ce lien, retrouvez tous les livres dans la spécialité Conception-Réalisation-Référencement.
Sommaire et contenu du livre "CSS 3 Grid Layout - Vous allez enfin aimer le CSS"
- Les concepts de grille
- Les propriétés de grille
- TP : notre premier gabarit
- Grille explicite et grille implicite
- TP : un gabarit explicite
- Le flux des éléments
- Positionnement via repères nommés
- TP : un effet de calque superposé
- Unités et valeurs de grille
- Gérer les gouttières
- Modifier l'ordre d'affichage
- TP : trier des ressources
- Aligner dans la grille
- Fusionner des colonnes et des rangées
- TP: une grille simple monoligne
- TP : Grid Layout et responsive webdesign
- TP : une galerie d'images parfaite
- Compatibilité et amélioration progressive
- Annexe A - Ressources
- Annexe B - Mémo des propriétés