CSS3 Grid Layout, vous allez enfin aimer CSS

Livrecss

Publié par le (15962 lectures)

positionnement grid grilles flexbox

Raphaël Goetter (144 pages, éditions Eyrolles, ISBN-13: 978-2212676839)

Vous ne le savez sans doute pas, mais la spécification CSS "Grid Layout" a été officiellement déclarée "Révolution CSS la plus attendue de tous les temps par tous les développeurs web" (source : euh, croyez-moi sur parole).

Les possibilités accordées par Grid Layout à nous autres webdesigners sont sans conteste à mille lieues de ce que l'on était capable de produire avant. Le prix à payer en est que les spécifications du modèle Grid Layout comptent également sans conteste parmi les plus fournies et indigestes du langage CSS.

Le livre "CSS3 Grid Layout, vous allez enfin aimer CSS" consacré au modèle Grid Layout se veut pratique et complémentaire à celui dédié à Flexbox. L'un et l'autre vont explorer différentes méthodes de conception de gabarits et de composants web à l'aide de cas d'usages très concrets rencontrés lors de nos intégrations dans l'agence web Alsacréations.

Cet ouvrage, publié le 28 février 2019, vous permettra de découvrir et de tirer parti de toutes les nouveautés apportées par cette [spécification CSS3 du W3C](https://www.w3.org/TR/css-grid-1/), notamment à travers : 144 pages en couleurs, 8 travaux pratiques décortiqués, et une centaine d'illustrations et codes consultables en ligne.

Le livre est publié chez Eyrolles au tarif de 19.90€ au format papier, et à 13.90€ en format numérique. Il est disponible dans de nombreuses autres boutiques physiques ou en ligne: Amazon, FNAC, Leclerc, Lavoisier, Decitre, etc.

Note sur l'objectivité de cet article : étant moi-même l'auteur de cet ouvrage,  je vais bien évidemment avoir beaucoup de difficultés à en dire du mal. Je vais toutefois tâcher de le traiter avec toute la neutralité possible et apporter le maximum d'information le concernant.

Au sommaire :

  • 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

À qui s’adresse ce livre ?

Ce livre est destiné à toute une génération de pionniers du Web et de l’intégration HTML et CSS ; à toutes celles et ceux qui ont eu l’aubaine de connaître nos glorieux ancêtres Internet Explorer 6, pour ne pas oser citer Netscape, de côtoyer les incohérences d’affichage quotidiennes ; à quiconque ayant un jour pesté contre CSS parce que « ça ne marche jamais comme l’on voudrait ».

Vous qui êtes webdesigner•euse ou développeur•euse, et qui avez longtemps été limité dans votre travail, les spécifications du W3C vous offrent désormais de véritables solutions stables et pérennes sous la forme des modules Flexbox et Grid Layout.

Vous êtes les premières cibles de cet ouvrage, témoins d’une époque de bidouille révolue et précurseurs d’une renaissance annoncée du webdesign.

Ce que vous trouverez dans ce livre

Entièrement dédié à un seul module de CSS, ce livre a pour mission de vous faire découvrir le phénomène incontournable qu’est devenu Grid Layout. Vous l’appréhenderez de façon théorique, mais aussi et surtout vous découvrirez comment le mettre en action au sein de projets concrets et pratiques.

Composants essentiels de ce manuel, plusieurs travaux pratiques décortiqués sont proposés pour soulager votre quotidien de webdesigner : créer des gabarits de page web évidemment, mais également des effets de calque superposé, des tris de ressources, une grille de mise en forme et une galerie d’images comme on les aime.

Le site du livre

Pour accompagner cet ouvrage, une page de support en ligne est consultable à l’adresse http://goetter.fr/livres/gridlayout/

Vous trouverez sur ce mini-site web diverses informations utiles durant votre lecture :

  • les codes sources des différents exercices et travaux pratiques de l’ouvrage ;
  • quelques illustrations ou extraits textuels du livre ;
  • les éventuelles erreurs qui auraient échappé à ma relecture attentive ou à celle de mon éditeur.

Je vous souhaite une bonne lecture et reste disponible pour répondre à vos questions en commentaires ci-dessous. 

Par ailleurs, si vous avez déjà lu et apprécié le livre (ou pas d'ailleurs), n'hésitez pas à laisser un commentaire constructif et une note sur les diverses boutiques en ligne : Eyrolles, Amazon, FNAC, etc. Ça ne vous coûte rien et c'est très appréciable et utile pour moi.

Note moyenne : 4/5 (4 votes)

Attribuer une note :

Commentaires

@Depassage : Non seulement HTML et CSS ont énormément évolué, mais surtout... les navigateurs supportent CSS maintenant ! :D

Ayant apprécié le livre sur flexbox, ce petit dernier vient d'être commandé !

Ca va faire joujou pendant les vacances, mes enfants et ma femme te disent merci Raphaël ! ;)