En els darrers temps s’ha discutit molt sobre si, per a maquetar i utilitzar graelles (grids) en un document web és millor utilitzar Flexbox o CSS Grid, però, de fet, són dos sistemes que es complementen.
També és interessant i aclaridor llegir aquest apunt de Rachel Andrew Should I use Grid or Flexbox? (març del 2016), per veure quan és millor utilitzar Flexbox i quan decidir-se per l’ús de CSS Grid.
De tota manera, si necessiteu començar des de zero en aquestes metodologies de maquetació avançada en CSS, us recomanem alguns enllaços i eines per facilitar-vos la tasca.
Aprendre Flexbox
A friendly introduction to Flexbox for begginers (Sitepoint, juliol 2018).
Using Flexbox today, un article carregat d’exemples de Chris Wright (gener 2015).
Flex Cheat Sheet, per aprendre els principis bàsics de Flexbox.
Flexbox Patterns, per aprendre a construir interfícies amb Flexbox a partir d’estructures d’exemple, amb el codi inclòs.
Flexbox Playground, per aprendre les propietats de Flexbox ràpidament.
Flexbox froggy, un joc de navegador per aprendre els conceptes bàsics de Flexbox.
Flexbox.io, un curs de Wes Bos amb una vintena de vídeos per aprendre Flexbox des de zero. És un curs gratuït, però requereix d’un email per inscriure-s’hi.
Aprendre CSS Grid Layout
An introduction to the CSS Grid Layout Module, Ahmad Ajmi, Sitepoint (juliol 2018).
Grid by example, everything you need to learn CSS Grid Layout, Rachel Andrew.
Introduction to CSS Grid Layout, una guia interactiva de Firefox DevTools.
CSS Grid Cheat Sheet, guia visual de CSS Grid.
Griddy, per aprendre a utilitzar CSS Grid.
CSS Grid Garden, un joc de navegador per aprendre els conceptes bàsics de CSS Grid.
CSSgrid.io, un curs de Wes Bros amb vídeos per aprendre CSS Grid des de zero. És un curs gratuït, però requereix d’un email per inscriure-s’hi.
Finalment, un cop introduïts en la matèria, també us deixem un article de Manuel Matuzović, Progressively Enhancing CSS Layout: From floats to Flexbox to Grid, que, entre moltes altres coses, apunta a la idea que CSS Grid és una de les novetats més emocionants en disseny web des de l’arribada del Responsive Web Design.