Pokud si neplánujete mnoho CSS sami, můžete si myslet na CSS Grid jako na tu věc Rachel Andrew udržuje tweeting o. No, je to tak zcela nový systém pro uspořádání , a Zurb zřejmě sleduje její krmivo. Stejně tak jsou i většina prodejců prohlížečů.

V době tohoto psaní je služba CSS Grid podporována v následujících prohlížečích:

  • Chrome. Ve výchozím nastavení je povoleno od verze 57.
  • Firefox. Ve výchozím nastavení je povoleno od verze 53.
  • Internet Explorer. Ve výchozím nastavení je povoleno od IE10
  • Opera. Ve výchozím nastavení je povoleno od verze 44.
  • Safari. Ve výchozím nastavení je povoleno od verze 10.1.

To je správně. Internet Explorer se tam dostal jako první. Vždy je to trochu nepříjemné, když se to stane. Tyto informace pocházejí samy od Zurb, kteří ohlásili zařazení CSS Grid do nadace v jejich nejnovější příspěvek blogu . Mají tři důvody pro přepnutí:

Chtějí zůstat před balíčkem

Nadace udělala svůj chléb a máslo tím, že zůstala před vznikajícími webovými technologiemi a poskytla webovým návrhářům důvod, aby je přijali. Pokud chcete mít dlouhodobou podporu pro starší prohlížeče, existují další rámce. Nadace má ráda nové věci, stejně jako jeho uživatelé.

Pro ně je tento typ poměrně brzkých změn spíše než běžný odchod z normy.

CSS Grid je prostě lepší pro velké rozložení

Na povrchu se zdá, že Flexbox odpovídá stejným potřebám jako CSS Grid a podpora je již zde. No, není to tak jednoduché, jako to všechno.

Zatímco Flexbox byl určitě zlepšením ve starých rozložených školách, stačilo to bez starostí. Umožňuje snadněji umožnit vašemu obsahu definovat, jak se zobrazuje. Lidé se shodují, že je skvělé, když vymezujete obsah v menších částech stránky.

Zdá se, že CSS Grid byla navržena s ohledem na větší rozložení stránky. Umožňuje vytvářet, spravovat a "zodpovídat" velké rozvržení s méně řádky CSS než jiné možnosti. Vzhledem k tomu, že jednoduché uspořádání je nějakým řešením nadace, je pro ně rozumné, aby začlenili CSS Grid.

Myslí si, že bychom si měli stejně tak strhnout metaforu stránek

Zurb a mnoho dalších se zdá, že věří, že celá koncepce "stránky" jde cestou dodo, přinejmenším pro designéry a vývojáře. CSS Grid zřejmě funguje poměrně dobře s modulárními systémy, které léčí rozvržení jako sbírku opakovaně použitelných prvků spíše než jediné stránky.

Tento způsob myšlení je obzvláště oblíben u vývojářů a designérů, kteří pracují na aplikacích nebo na velkých webových stránkách více než pět stránek stránek brožur. To zahrnuje Zurb. Jdi zjistit.

Cesta vpřed je dlážděna Building Blocks

Je to dobrá věc pro web des ... jo, dokonce ani to nedokážu. CSS Grid se rozjíždí velkým časem. Nadace, která ji přijala, znamená, že v dohledné budoucnosti je do značné míry oficiální: CSS Grid je věc . A hej, může to někdy zvyknout, ale líbí se mi to.

Kromě toho se Zurb nezastaví. Přijetí CSS Grid vedlo Zurb ještě dále po cestě modulárního kódu. Právě vydali novou sadu předem kódovaných komponent UI, které volají Stavební bloky . Stavební bloky nebudou součástí jádra nadace. Jsou to rozšíření. Stáhněte je, vložte je do svého projektu a jděte.

Zatím se skládají z jednotlivých prvků uživatelského rozhraní kódovaných Zurbem - stejně jako z kódových vzorů vytvořených komunitou - konkrétně pracovat s nadací. Pak existují kurátorské sady stavebních bloků s názvem Kity, které jsou navrženy tak, aby usnadnily vytváření určitého druhu webu. K dispozici jsou sady pro weby eCommerce, portfolia stránek, admin dashboards a další.

Čtenáři s eidetickými vzpomínkami si možná pamatují, že Rafi Benkual mluvil o tomto samotném konceptu zpět náš rozhovor s ním a Kevin Ball. No, udělali to. Vypadá to, že Zurb je odhodlán ulehčit návrhářům, aby se soustředili na problematiku UX a estetiku, aniž by se všichni zabývali samotnou prací. A zatlačte pás vpřed.

Můžu za tím zajít.