Motyw Creado: pierwszy WP motyw oparty o CSS Gride w katalogu TemplateMonster [Wywiad z Wiktorem Salvą]

Wiktor Salva: Cześć! CSS Grid to nowy sposób na umieszczenie zawartości na stronie bez korzystania z tabel, flexboxów i innych rzeczy, do których już wszyscy przyzwyczailiśmy się. Chodzi o to, że teraz można tworzyć siatki w CSS, a nie w HTML.

Układ CSS Grid umożliwia przekształcenia w strukturze układu wizualnego, co nie wymaga żadnych zmian znaczników. As a designer, you can change the way page elements are located at different breakpoints of the layout. There’s no need to compromise a sensibly structured document for your responsive design.

The grid adapts to the available space with ease. As each element has its own area on the grid, they don’t overlap each other on smaller screens. But if you want, you can also make one item overlap another. That’s what HTML table-based layouts can’t do.

Wiktor Salva:  Trendy wpływają na nasz wybór. Siatka jest najlepszą rzeczą w CSS w ciągu ostatnich kilku lat. Dowodem na to jest fakt, że specyfikacja ta została wdrożona we wszystkich głównych przeglądarkach niemal równocześnie, tj. Firefox na początku marca, w Chrome około tygodnia po Firefoksie i Safari nieco później.

Przed marcem w ogóle nie było wsparcia dla tej specyfikacji. Ale od marca wsparcie wzrosło o ponad 60%. Innymi słowy, 60% użytkowników Sieci może widzieć zawartość na stronach utworzonych za pomocą  CSS Grid.

W tym samym czasie nie przyjęto innych specyfikacji. Tradycyjnie specyfikacja jest implementowana w przeglądarce na podstawie przedrostków i podlega testom. Dopiero po tym prefiksy są eliminowane. Aby porównać, pełne przyjęcie Flexbox zajęło znacznie dłuższy czas. Dowiedz się więcej tutaj.