CSS3 Grid Layout

vous allez enfin aimer CSS

à propos du livre

Le concept général de Grid Layout (ou "positionnement en grille") est de diviser virtuellement l'espace en zones majeures dans une page web ou une application. Il s'agit d'une véritable révolution dans l'usage de CSS.

Cet ouvrage vous permettra de découvrir et de tirer parti de toutes les nouveautés apportées par cette spécification CSS 3, notamment à travers : 144 pages en couleurs, 7 travaux pratiques décortiqués, 120 illustrations et codes consultables en ligne. Le tout pour 19,90€.

sommaire

  • Introduction
  • Les concepts de grille
  • Les propriétés de grille
  • TP : 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
  • Gestion des gouttières
  • Modifier l'ordre d'affichage
  • TP : tri de ressources
  • Aligner dans la grille
  • Fusion de colonnes et de rangées
  • TP : une grille simple monoligne
  • Grid Layout et Responsive Webdesign
  • TP : une galerie d'image parfaite
  • Compatibilité et amélioration progressive
  • Ressources

pour qui ?

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 soucieux de découvrir les rouages d’une technologie qui facilitera assurément la vie de leurs projets.

À quiconque est impatient de laisser tomber toutes les bidouilles ancestrales de CSS et d’ouvrir ses horizons à des modèles bien plus intuitifs.

boutiques

Le livre Grid Layout est disponible (format papier ou ebook) dans un grand nombre de librairies en France, mais aussi dans les boutiques en ligne :

Qui suis-je ?

Je suis Raphaël Goetter, intégrateur HTML et CSS, passionné de standards web et défenseur de l'apprentissage libre et gratuit via la communauté Alsacréations dont je suis le fondateur.

Auteur de divers livres et mémentos CSS chez Eyrolles, consultant, orateur et Formateur en langages web HTML, CSS3 et Responsive Web Design auprès de groupes nationaux et internationaux.

Je dispose par ailleurs de superpouvoirs indispensables dans le monde du Web : je sais marcher sur les mains (eh ouais), je sais réussir à faire des photos floues, et par dessus tout je sais parler à l’oreille d’IE6 (avec un sonotone).

errata

L'erreur est humaine… mais il ne tient qu'à nous de la corriger 
Contactez-moi ( ) pour me signaler toute coquille dénichée au sein de l'ouvrage.

extraits visuels

voici à présent quelques extraits du livre que vous pouvez télécharger au format png
(cliquez sur l'image pour l'afficher en grande taille).

créer un gabarit avec Grid Layout une galerie d'images parfaite avec Grid Layout le mémo des propriétés Grid Layout

les codes source du livre

Voici l'ensemble des codes HTML et CSS employés dans le livre

(à venir progressivement)

quill sommaire acheter le livre public concerné erratas