CSS Grid Explained: Ghidul dvs. pas cu pas pentru CSS Grid

Recenzii ale cititorilor

Recenzile reflectă o recepție mixtă pentru cartea despre CSS Grid, mulți lăudându-i structura clară, exemplele directe și eficiența ca instrument de învățare. Cu toate acestea, mai mulți recenzenți au criticat-o pentru că conține erori semnificative, în special în exemplele sale de cod, și au remarcat probleme cu organizarea conținutului și calitatea imprimării.

Explicații clare și concise, exemple pas cu pas, utilizare bună a imaginilor, eficient pentru începători, construiește cunoștințele treptat, mulți l-au găsit ușor de urmărit și practic.

Conține erori în exemplele de cod, în special erori semnificative care subminează încrederea în conținut, nu are o organizare și un index adecvate, unii au considerat-o repetitivă sau slab tipărită.

(pe baza a 18 recenzii ale cititorilor)

Titlul original:

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

Conținutul cărții:

CSS Grid revoluționează industria web-design-ului front-end.

În ultimii 20 de ani, designerii web au utilizat CSS pentru a crea pagini web. Cu toate acestea, CSS a fost întotdeauna lipsit de unele funcționalități cheie. Designerii au trebuit să se bazeze pe soluții alternative, cum ar fi tabelele, flotoarele și poziționarea. CSS Grid este diferit și mai bun.

CSS Grid vă permite să creați un sistem de aspect bazat pe grilă, utilizând coloane și rânduri. Nu trebuie să folosiți nicio soluție. Nu trebuie să folosiți hack-uri diferite pentru browsere diferite. Nu trebuie să instalați niciun cadru suplimentar.

CSS Grid există din 2011, dar a explodat recent în popularitate. Aproape toate browserele majore acceptă CSS Grid. Singurele excepții sunt Internet Explorer 11 și Opera Mini.

În această carte scurtă, dar concisă, veți stăpâni ideile cheie din spatele CSS Grid.

Caracteristici cheie

⬤ Up-to-Date: Actualizat constant, materialul din CSS Grid Explained este mereu actual.

⬤ Instrucțiuni clare: Veți urmări o engleză simplă, imagini clare și instrucțiuni pas cu pas plăcute.

Ce veți învăța

În primul capitol, vom începe cu terminologia de bază. Veți învăța diferența dintre Grid Areas și Grid Cells, dintre Grid Tracks și Grid Gaps. Apoi, folosind o abordare practică, veți începe să construiți grile CSS.

Veți construi totul, de la cea mai elementară grilă CSS până la aspectul unui site complet.

Tabla de conținut

⬤ Introducere la terminologia CSS Grid.

⬤ Crearea primei tale grile CSS.

⬤ Utilizarea Firefox Grid Inspector.

⬤ Cum să utilizați grile explicite și implicite.

⬤ Cum să utilizați proprietatea Autoflow în CSS Grid.

⬤ Cum să utilizați unitatea FR pentru layout-uri.

⬤ Cum să dimensionați piesele cu cuvântul cheie Auto.

⬤ Cum se dimensionează elementele din grilă cu cuvântul cheie Span.

⬤ Cum să utilizați numere de linie în CSS Grid.

⬤ Cum să stratificați elementele în CSS Grid.

⬤ Cum să utilizați numele liniilor în CSS Grid.

⬤ Cum să plasați elemente cu zonele șablonului Grid.

⬤ Cum să utilizați funcția minmax().

⬤ Cum să utilizați cuvintele cheie auto-fill și auto-fit.

⬤ Proprietatea grid-auto-flow: dense.

⬤ Cum să aliniați elementele în grila CSS.

⬤ Proprietățile justify-content și align-content.

⬤ Cum se anidează grilele.