CSS Grid Explained: Przewodnik krok po kroku po siatce CSS

Opinie czytelników

Recenzje odzwierciedlają mieszany odbiór książki o CSS Grid, przy czym wielu chwali jej przejrzystą strukturę, proste przykłady i skuteczność jako narzędzia do nauki. Kilku recenzentów skrytykowało ją jednak za to, że zawiera znaczące błędy, szczególnie w przykładach kodu, a także zauważyło problemy z organizacją treści i jakością druku.

Jasne i zwięzłe wyjaśnienia, przykłady krok po kroku, dobre wykorzystanie obrazów, skuteczne dla początkujących, buduje wiedzę stopniowo, wielu uznało ją za łatwą do naśladowania i praktyczną.

Zawiera błędy w przykładach kodu, szczególnie znaczące, które podważają zaufanie do treści, brakuje odpowiedniej organizacji i indeksu, niektórzy uznali ją za powtarzalną lub źle wydrukowaną.

(na podstawie 18 opinii czytelników)

Oryginalny tytuł:

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

Zawartość książki:

CSS Grid rewolucjonizuje branżę projektowania stron internetowych.

Przez ostatnie 20 lat projektanci stron internetowych używali CSS do układania stron internetowych. Jednak CSS zawsze brakowało pewnych kluczowych funkcji. Projektanci musieli polegać na obejściach, takich jak tabele, pływaki i pozycjonowanie. CSS Grid jest inny i lepszy.

CSS Grid umożliwia tworzenie układu opartego na siatce, przy użyciu kolumn i wierszy. Nie musisz używać żadnych obejść. Nie musisz używać różnych hacków dla różnych przeglądarek. Nie musisz instalować żadnych dodatkowych frameworków.

CSS Grid istnieje od 2011 roku, ale ostatnio jego popularność gwałtownie wzrosła. Prawie wszystkie główne przeglądarki obsługują CSS Grid. Jedynymi wyjątkami są Internet Explorer 11 i Opera Mini.

W tej krótkiej, ale zwięzłej książce opanujesz kluczowe idee stojące za CSS Grid.

Kluczowe cechy

⬤ Aktualność: Stale aktualizowany, materiał w CSS Grid Explained jest zawsze aktualny.

⬤ Przejrzyste instrukcje: Będziesz postępował zgodnie z prostym angielskim, przejrzystymi wizualizacjami i przyjemnymi instrukcjami krok po kroku.

Czego się nauczysz:

W pierwszym rozdziale zaczniemy od podstawowej terminologii. Poznasz różnicę między obszarami siatki a komórkami siatki, między ścieżkami siatki a przerwami w siatce. Następnie, korzystając z praktycznego podejścia, zaczniesz tworzyć siatki CSS.

Zbudujesz wszystko, od najbardziej podstawowej siatki CSS po pełny układ strony.

Spis treści

⬤ Wprowadzenie do terminologii siatek CSS.

⬤ Tworzenie pierwszej siatki CSS.

⬤ Korzystanie z Firefox Grid Inspector.

⬤ Jak używać jawnych i niejawnych siatek.

⬤ Jak używać właściwości Autoflow w CSS Grid.

⬤ Jak używać jednostki FR dla układów.

⬤ Jak dopasować rozmiar ścieżek za pomocą słowa kluczowego Auto.

⬤ Jak zmieniać rozmiar elementów siatki za pomocą słowa kluczowego Span.

⬤ Jak używać numerów linii w CSS Grid.

⬤ Jak nakładać warstwy na elementy w CSS Grid.

⬤ Jak używać nazw linii w CSS Grid.

⬤ Jak umieszczać elementy w obszarach szablonu siatki.

⬤ Jak używać funkcji minmax().

⬤ Jak używać słów kluczowych auto-fill i auto-fit.

⬤ Właściwość grid-auto-flow: dense.

⬤ Jak wyrównywać elementy w CSS Grid.

⬤ Właściwości justify-content i align-content.

⬤ Jak zagnieżdżać siatki.