Hvis du ikke skriver mye CSS selv, kan du tenke på CSS Grid som det Rachel Andrew holder tweeting om. Vel, det er en helt nytt system for layout , og Zurb følger tilsynelatende hennes mat. Så er de fleste nettlesere.

På tidspunktet for denne skrivingen støttes CSS Grid i følgende nettlesere:

  • Chrome. Aktivert som standard siden versjon 57.
  • Firefox. Aktivert som standard siden versjon 53.
  • Internet Explorer. Aktivert som standard siden IE10
  • Opera. Aktivert som standard siden versjon 44.
  • Safari. Aktivert som standard siden versjon 10.1.

Det er riktig. Internet Explorer kom dit først. Det er alltid litt vanskelig når det skjer. Uansett, kommer denne informasjonen fra Zurb seg selv, som har annonsert at CSS-nettverket inkluderes i Foundation i deres siste blogginnlegg . De har tre grunner til bryteren:

De vil holde seg foran pakken

Stiftelsen har gjort sitt brød og smør ved å holde seg ute foran nye webteknologier, og gi webdesignere en grunn til å vedta dem. Hvis du vil ha langsiktig eldre nettleser, er det andre rammer for det. Foundation liker nye ting, og det gjør også brukerne.

For dem er denne typen ganske tidlig forandring forretning som vanlig, i stedet for en radikal avvik fra normen.

CSS Grid er bare bedre for store layout ting

På overflaten ser det ut til at Flexbox oppfyller de samme behovene som CSS Grid, og støtten er allerede her. Vel, det er ikke så enkelt som alt det.

Mens Flexbox var absolutt en forbedring på den gamle flytende-noe-ting-og-absolutt-stilling-andre skole med layout, var det ikke uten sine quirks. Det gjør det lettere å la innholdet ditt definere hvordan det vises. Folk synes å være enige om at det er flott å legge ut innhold i de mindre elementene på en side.

CSS Grid ser ut til å ha blitt designet med større sidelayout i tankene. Det gjør det enklere å opprette, administrere og "svare" store layouter med færre linjer med CSS enn andre alternativer. Like enkle oppsett er en slags Stiftelsens helhet, det er fornuftig for dem å inkorporere CSS Grid.

De tror vi burde dike siden metaforen uansett

Zurb og mange andre synes å tro at hele konseptet av "siden" går veien til dodo, i hvert fall for designere og utviklere. CSS Grid virker ganske bra ganske bra med modulære systemer som behandler oppsett som en samling av gjenbrukbare elementer i stedet for en enkelt side.

Denne tankegangen er spesielt populær blant utviklere og designere som jobber på apper eller svært store nettsteder, mer enn femsiders brosjyre. Det inkluderer Zurb. Gå figur.

Veien fremover er brolagt med Building Blocks

Er dette en god ting for web des ... ja jeg skal ikke engang ferdig med det. CSS Grid tar av seg stor tid. Stiftelsen vedta det betyr at det i overskuelig fremtid er ganske mye offisielt: CSS Grid er en ting . Og hei, det kan ta litt vant til, men jeg liker det.

Dessuten stopper Zurb ikke der. Vedtaket av CSS Grid har ført Zurb enda lenger ned i modulmodulens vei. De har nettopp gitt ut et nytt sett med prekodede UI-komponenter som de ringer Byggeklosser . Byggeklosser vil ikke være en del av grunnkjernen. De er utvidelser. Last ned dem, slipp dem inn i prosjektet ditt, og gå.

Så langt består de av individuelle brukergrensesnittelementer kodet av Zurb - samt kodemønstre skapt av samfunnet - spesielt for å jobbe med Foundation. Deretter er det kuraterte sett med Building Blocks kalles Kits, som er laget for å gjøre det enklere å bygge en bestemt type nettsted. Det er kits for eCommerce-nettsteder, porteføljesider, admin dashboards og mer.

Lesere med eidetiske minner kan huske at Rafi Benkual snakket om dette konseptet tilbake i vårt intervju med ham og Kevin Ball. Vel, de har gjort det. Det virker som om Zurb er fast bestemt på å gjøre det lettere for designere å fokusere på UX-bekymringer og estetikk uten å gjøre alt det grunne arbeidet selv. Og trykk på nettet fremover.

Jeg kan komme bak det.