Jeśli nie napiszesz zbyt dużo CSS, możesz myśleć o CSS Grid jako o tym Rachel Andrew ciągle tweetuje. Cóż, to jest cały nowy system układu , a Zurb najwyraźniej śledzi jej karmę. Tak więc większość dostawców przeglądarek.

W chwili pisania tego artykułu CSS Grid jest obsługiwany w następujących przeglądarkach:

  • Chrom. Włączone domyślnie od wersji 57.
  • Firefox. Domyślnie włączone od wersji 53.
  • Internet Explorer. Włączone domyślnie od IE10
  • Opera. Włączone domyślnie od wersji 44.
  • Safari. Włączone domyślnie od wersji 10.1.

Zgadza się. Najpierw pojawił się Internet Explorer. Kiedy to się dzieje, zawsze jest trochę niezręcznie. W każdym razie, te informacje pochodzą od samych Zurb, którzy ogłosili włączenie do swoich zasobów CSS Grid in Foundation najnowszy wpis na blogu . Mają trzy przyczyny zmiany:

Chcą pozostać przed stadem

Fundacja stworzyła swój chleb i masło, pozostając w kontakcie z nowymi technologiami sieciowymi i dając projektantom stron internetowych powód do ich przyjęcia. Jeśli chcesz długoterminowej obsługi starszych przeglądarek, istnieją inne ramy dla tego. Fundacja lubi nowe rzeczy, podobnie jak jej użytkownicy.

Dla nich taka dość wczesna zmiana to zwykły biznes, a nie radykalne odejście od normy.

CSS Grid jest po prostu lepsza dla rzeczy dużego formatu

Z pozoru wydaje się, że Flexbox spełnia te same wymagania co CSS Grid, a wsparcie już jest dostępne. Cóż, to nie jest takie proste jak to wszystko.

Podczas gdy Flexbox był z pewnością ulepszeniem starej szkoły z układem pływającym - niektóre-i-absolutnie-pozycyjne - to nie bez jej dziwactw. Łatwiej jest sobie pozwolić na to, aby treść mogła określać sposób jej wyświetlania. Ludzie zdają się zgadzać, że świetnie nadaje się do układania treści w mniejszych elementach strony.

Wygląda na to, że CSS Grid ma większy układ strony. Ułatwia tworzenie, zarządzanie i "reagowanie" na duże układy z mniejszą liczbą linii CSS niż w przypadku innych opcji. Ponieważ łatwe układy to rodzaj całej transakcji Fundacji, ma to sens, aby włączyć do niej Grę CSS.

Myślą, że powinniśmy zrezygnować z metafory strony

Zurb i wielu innych wydaje się wierzyć, że cała koncepcja "strony" podąża drogą dodo, przynajmniej dla projektantów i programistów. CSS Grid najwyraźniej działa całkiem dobrze z systemami modułowymi, które traktują układy jako zbiór elementów wielokrotnego użytku, a nie jedną stronę.

Ten sposób myślenia jest szczególnie popularny wśród programistów i projektantów, którzy pracują nad aplikacjami lub bardzo dużymi witrynami ponad pięciostronicowe witryny z broszurami. Obejmuje to Zurb. Domyśl.

Droga do przodu jest wybrukowana przez Building Blocks

Czy to jest dobre dla web des ... tak, nawet nie skończę tego. CSS Grid zabiera dużo czasu. Przyjęcie go przez Fundację oznacza, że ​​w najbliższej przyszłości jest to coś bardzo oficjalnego: CSS Grid to coś . I hej, może trochę się przyzwyczaić, ale lubię to.

Poza tym Zurb się tam nie zatrzymuje. Przyjęcie CSS Grid doprowadziło Zurb jeszcze dalej na ścieżce kodu modułowego. Właśnie wydali nowy zestaw wstępnie zakodowanych składników interfejsu użytkownika, do których dzwonią Cegiełki . Bloki konstrukcyjne nie będą częścią rdzenia Fundacji. Są rozszerzeniami. Pobierz je, upuść w projekcie i ruszaj.

Do tej pory składają się z pojedynczych elementów UI kodowanych przez Zurb - a także z wzorców kodu stworzonych przez społeczność - specjalnie do pracy z Fundacją. Następnie są wybrane zestawy Building Blocks o nazwie Zestawy, które mają na celu ułatwienie budowy konkretnego rodzaju witryny. Istnieją zestawy do witryn e-commerce, portali, pulpitów administracyjnych i innych.

Czytelnicy z ejdetycznymi wspomnieniami mogą pamiętać, że Rafi Benkual mówił o tej koncepcji z powrotem nasz wywiad z nim i Kevin Ball. Cóż, oni to zrobili. Wygląda na to, że Zurb jest zdeterminowany, aby ułatwić projektantom skupienie się na zagadnieniach UX i estetyce bez wykonywania wszystkich prac. I popchnij sieć do przodu.

Mogę za tym stać.