Als je zelf niet veel CSS schrijft, zou je CSS Grid kunnen zien als dat ding Rachel Andrew blijft tweeten. Wel, het is a geheel nieuw systeem voor lay-out en Zurb volgt blijkbaar haar feed. Dat geldt ook voor de meeste browserverkopers.

Op het moment van schrijven wordt CSS Grid ondersteund in de volgende browsers:

  • Chrome. Standaard ingeschakeld sinds versie 57.
  • Firefox. Standaard ingeschakeld sinds versie 53.
  • Internet Explorer. Standaard ingeschakeld sinds IE10
  • Opera. Standaard ingeschakeld sinds versie 44.
  • Safari. Standaard ingeschakeld sinds versie 10.1.

Dat is juist. Internet Explorer is er als eerste. Het is altijd een beetje vreemd als dat gebeurt. Hoe dan ook, deze informatie komt van Zurb zelf, die de opname van CSS Grid in Foundation heeft aangekondigd in hun laatste blogbericht . Ze hebben drie redenen voor de overstap:

Ze willen voorop blijven lopen

Foundation heeft brood en boter gemaakt door uit te blijven voor opkomende webtechnologieën en webdesigners een reden te geven om ze te adopteren. Als u langdurige ondersteuning voor oudere browsers wilt, zijn er andere frameworks voor. Foundation houdt van nieuwe dingen, net als haar gebruikers.

Voor hen is dit soort van redelijk-vroege verandering business as usual, in plaats van een radicale afwijking van de norm.

CSS Grid is gewoon beter voor grote lay-out dingen

Op het eerste gezicht lijkt het alsof Flexbox aan dezelfde behoeften voldoet als CSS Grid, en de ondersteuning is er al. Nou, het is niet zo simpel als dat.

Hoewel Flexbox zeker een verbetering was ten opzichte van de oude float-iets-en-absoluut-positie-andere school van lay-out, was het niet zonder eigenaardigheden. Het leent zich gemakkelijker om uw inhoud te laten definiëren hoe deze wordt weergegeven. Mensen lijken het erover eens te zijn dat het prima is om inhoud in de kleinere elementen van een pagina te leggen.

CSS Grid lijkt te zijn ontworpen met de grotere paginalay-out in gedachten. Het maakt het eenvoudiger om grote lay-outs te maken, beheren en "responsiveren" met minder regels CSS dan andere opties. Omdat eenvoudige lay-outs een soort van hele deal van de Foundation zijn, is het logisch dat ze CSS Grid opnemen.

Ze denken dat we de paginametafoor toch moeten weggooien

Zurb en vele anderen lijken te geloven dat het hele concept van de "pagina" de weg vrijmaakt voor de dodo, tenminste voor ontwerpers en ontwikkelaars. CSS Grid werkt blijkbaar behoorlijk goed met modulaire systemen die indelingen behandelen als een verzameling van herbruikbare elementen in plaats van een enkele pagina.

Deze manier van denken is vooral populair bij ontwikkelaars en ontwerpers die op apps of op zeer grote websites werken met brochuresites van meer dan vijf pagina's. Dat omvat Zurb. Ga figuur.

De weg voorwaarts is geplaveid met bouwstenen

Is dit een goede zaak voor web des ... Ja, dat ga ik zelfs niet afmaken. CSS Grid neemt veel tijd vrij. Door het te adopteren betekent dit dat het in de nabije toekomst behoorlijk officieel is: CSS Grid is iets . En hey, het kan even wennen zijn, maar ik vind het leuk.

Trouwens, Zurb stopt daar niet. De acceptatie van CSS Grid heeft Zurb nog verder het pad van modulaire code ingeleid. Ze hebben zojuist een nieuwe set van voorgecodeerde UI-componenten uitgebracht die ze bellen Bouw blokken . Bouwstenen zullen geen deel uitmaken van de kern van de Foundation. Het zijn extensies. Download ze, laat ze in uw project vallen en ga.

Tot dusverre bestaan ​​ze uit individuele UI-elementen gecodeerd door Zurb - evenals codepatronen gemaakt door de community - specifiek om met Foundation te werken. Dan zijn er samengestelde sets Bouwstenen genaamd Kits, die zijn ontworpen om het gemakkelijker te maken om een ​​specifiek soort site te bouwen. Er zijn kits voor eCommerce-sites, portfoliosites, beheerdersdashboards en meer.

Lezers met eidetische herinneringen herinneren zich misschien dat Rafi Benkual al over dit concept sprak ons interview met hem en Kevin Ball. Wel, ze hebben het gedaan. Het lijkt erop dat Zurb vastbesloten is om het gemakkelijker te maken voor ontwerpers om zich te concentreren op UX-zorgen en esthetiek zonder al het gruntwerk zelf te doen. En duw het internet naar voren.

Daar kan ik achter komen.