La griglia CSS spiegata: Guida passo passo alle griglie CSS

Recensioni dei lettori

Le recensioni riflettono un'accoglienza mista per il libro su CSS Grid, con molti che ne lodano la struttura chiara, gli esempi immediati e l'efficacia come strumento di apprendimento. Tuttavia, diversi recensori hanno criticato la presenza di errori significativi, in particolare negli esempi di codice, e hanno rilevato problemi nell'organizzazione dei contenuti e nella qualità di stampa.

Spiegazioni chiare e concise, esempi passo-passo, buon uso delle immagini, efficace per i principianti, costruisce le conoscenze in modo graduale, molti lo hanno trovato facile da seguire e pratico.

Contiene errori negli esempi di codice, particolarmente significativi che minano la fiducia nel contenuto, manca di un'organizzazione e di un indice adeguati, alcuni lo hanno trovato ripetitivo o stampato male.

(basato su 18 recensioni dei lettori)

Titolo originale:

CSS Grid Explained: Your Step-by-Step Guide to CSS Grid

Contenuto del libro:

CSS Grid sta rivoluzionando il settore del frontend web-design.

Negli ultimi 20 anni, i web designer hanno utilizzato i CSS per impaginare le pagine web. Tuttavia, ai CSS sono sempre mancate alcune funzionalità chiave. I progettisti hanno dovuto ricorrere a soluzioni alternative, come le tabelle, i float e il posizionamento. CSS Grid è diverso e migliore.

CSS Grid consente di creare un sistema di layout a griglia, utilizzando colonne e righe. Non è necessario utilizzare alcun workaround. Non è necessario utilizzare hack diversi per i vari browser. Non è necessario installare alcun framework aggiuntivo.

CSS Grid esiste dal 2011, ma di recente è esploso in popolarità. Quasi tutti i principali browser supportano CSS Grid. Le uniche eccezioni sono Internet Explorer 11 e Opera Mini.

In questo libro breve ma conciso, imparerete a conoscere le idee chiave di CSS Grid.

Caratteristiche principali

⬤ Aggiornato: Costantemente aggiornato, il materiale di CSS Grid Explained è sempre attuale.

⬤ Seguirete un inglese semplice, immagini chiare e piacevoli istruzioni passo-passo.

Cosa imparerete

Nel primo capitolo si inizia con la terminologia di base. Imparerete la differenza tra aree di griglia e celle di griglia, tra tracciati di griglia e spazi vuoti di griglia. Poi, con un approccio pratico, inizierete a costruire griglie CSS.

Costruirete tutto, dalla griglia CSS più elementare al layout di un sito completo.

Indice dei contenuti

⬤ Introduzione alla terminologia delle griglie CSS.

⬤ Creare la prima griglia CSS.

⬤ Usare il Grid Inspector di Firefox.

⬤ Come usare le griglie esplicite e implicite.

⬤ Come usare la proprietà Autoflow nelle griglie CSS.

⬤ Come utilizzare l'unità FR per i layout.

⬤ Come dimensionare i tracciati con la parola chiave Auto.

⬤ Come dimensionare gli elementi della griglia con la parola chiave Span.

⬤ Come usare i numeri di riga nella griglia CSS.

⬤ Come sovrapporre gli elementi della griglia CSS.

⬤ Come usare i nomi delle righe nella griglia CSS.

⬤ Come posizionare gli elementi con le aree dei modelli di griglia.

⬤ Come usare la funzione minmax().

⬤ Come utilizzare le parole chiave auto-fill e auto-fit.

⬤ La proprietà grid-auto-flow: dense.

⬤ Come allineare gli elementi nella griglia CSS.

⬤ Le proprietà justify-content e align-content.

⬤ Come annidare le griglie.