Lavoisier S.A.S.
14 rue de Provigny
94236 Cachan cedex
FRANCE

Heures d'ouverture 08h30-12h30/13h30-17h30
Tél.: +33 (0)1 47 40 67 00
Fax: +33 (0)1 47 40 67 02


Url canonique : www.lavoisier.fr/livre/informatique/css-3-grid-layout/goetter/descriptif_3690404
Url courte ou permalien : www.lavoisier.fr/livre/notice.asp?ouvrage=3690404

CSS 3 Grid Layout Vous allez enfin aimer CSS

Langue : Français

Auteur :

Couverture de l’ouvrage 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.

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

* Webdesigners et intégrateurs avancés ou experts qui souhaitent appréhender et maîtriser en production ce nouveau modèle de positionnement excitant.
* Développeurs et chefs de projet Web qui s'interrogent sur les possibilités offertes par CSS en termes de design d'interfaces.

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.

Date de parution :

Ouvrage de 144 p.

19x23 cm

Quadrichromie

Disponible chez l'éditeur (délai d'approvisionnement : 3 jours).

19,90 €

Ajouter au panier
ePubPDFMobipocket 13,99 €
Télécharger

Thème de CSS 3 Grid Layout :

En continuant à naviguer, vous autorisez Lavoisier à déposer des cookies à des fins de mesure d'audience. Pour en savoir plus et paramétrer les cookies, rendez-vous sur la page Confidentialité & Sécurité.
FERMER