Hvis du ikke skriver meget CSS selv, kan du tænke på CSS Grid som den ting Rachel Andrew holder tweeting om. Nå, det er en helt nyt system til layout , og Zurb følger tilsyneladende hendes fodring. Så er de fleste browser-leverandører.

På tidspunktet for denne skrivning understøttes CSS Grid i følgende browsere:

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

Det er rigtigt. Internet Explorer kom først der. Det er altid lidt akavet, når det sker. Alligevel kommer denne information fra Zurb selv, der har meddelt, at CSS Grid i Foundation er inkluderet i deres seneste blogindlæg . De har tre grunde til omskifteren:

De vil forblive foran pakken

Foundation har lavet sit brød og smør ved at forblive ude foran nye webteknologier og give webdesignere en grund til at vedtage dem. Hvis du vil have langvarig legacy browser support, er der andre rammer for det. Foundation kan lide nye ting, og det gør også dets brugere.

For dem er denne form for retfærdig tidlig forandring forretning som sædvanlig, snarere end en radikal afvigelse fra normen.

CSS Grid er bare bedre til store layout ting

På overfladen ser det ud til, at Flexbox opfylder de samme behov som CSS Grid, og støtten er allerede her. Nå, det er ikke så simpelt som alt det.

Mens Flexbox var helt sikkert en forbedring på den gamle float-some-things-and-absolute-position-andre layoutskole, var det ikke uden sine quirks. Det gør det lettere at lade dit indhold definere, hvordan det vises. Folk synes at være enige om, at det er fantastisk at lægge indhold inden for de mindre elementer på en side.

CSS Grid ser ud til at være designet med det større sidelayout i tankerne. Det gør det lettere at oprette, administrere og "respondere" store layouter med færre linjer af CSS end andre muligheder. Så let layout er en slags Stiftelsens hele aftale, det giver mening for dem at indarbejde CSS Grid.

De tror, ​​at vi alligevel bør grunde sidemetaforen

Zurb og mange andre synes at tro, at hele begrebet "siden" går i vejen for dodo, i det mindste for designere og udviklere. CSS Grid fungerer tilsyneladende ganske godt med modulære systemer, der behandler layouter som en samling genanvendelige elementer frem for en enkelt side.

Denne måde at tænke på er særlig populær blandt udviklere og designere, der arbejder på apps eller meget store hjemmesider mere end fem sider med brochurer. Det omfatter Zurb. Gå figur.

Vejen frem er banet med Building Blocks

Er dette en god ting for web des ... ja, jeg går ikke engang færdig med det. CSS Grid tager ud i stor tid. Stiftelsen vedtager det betyder, at det i overskuelig fremtid er ret meget officielt: CSS Grid er en ting . Og hej, det kan nok tage sig vant til, men jeg kan godt lide det.

Desuden stopper Zurb ikke der. Vedtagelsen af ​​CSS-net har ført Zurb endnu længere ned ad modulmodulets vej. De har lige udgivet et nyt sæt af prækodede UI-komponenter, som de ringer til Byggesten . Byggesten vil ikke indgå i fundamentets kerne. De er udvidelser. Download dem, slip dem i dit projekt og gå.

Indtil videre består de af individuelle brugergrænseelementer kodet af Zurb - såvel som kodemønstre skabt af samfundet - specifikt til at arbejde med Foundation. Så er der kuraterede byggesæt kaldet Kits, der er designet til at gøre det lettere at opbygge en bestemt slags websted. Der er kits til e-handelssites, porteføljesider, admin-dashboards og meget mere.

Læsere med eidetiske minder kan huske, at Rafi Benkual talte om dette meget koncept tilbage i vores interview med ham og Kevin Ball. Nå, de har gjort det. Det virker som om Zurb er fast besluttet på at gøre det lettere for designere at fokusere på UX-bekymringer og æstetik uden at gøre alt det store arbejde selv. Og skub internettet fremad.

Jeg kan komme bagved det.