Januari is de tijd waarin de meesten van ons stoppen met nadenken over het afgelopen jaar en beginnen te kijken naar de komende maanden. Het lijkt erop dat iedereen verschillende ideeën heeft over wat te verwachten in 2017 (je zult de onze volgende week lezen) en een van de meest geanticipeerde veranderingen dit jaar is de introductie van CSS Grid Layout.
Met Rasterlayout kunnen we delen van een pagina definiëren en bepalen hoe deze worden uitgerekt, geschaald en op de viewport reageren. Het is ontwikkeld als een volwassen lay-outoplossing voor het web en biedt een ongeëvenaard niveau van controle in CSS, maar als je dacht dat Flexbox een steile leercurve was, heb je nog niets gezien.
Een van de redenen waarom niemand CSS Grid Layout nu gebruikt, is dat het zeer beperkte ondersteuning biedt; op dit moment bieden alleen IE10 + en Edge 12+ [doffs cap in Microsoft's richting] enige ondersteuning. Maar dat gaat allemaal veranderen met volledige ondersteuning voor alle belangrijke browsers die rond maart worden verwacht.
lay-out is niet echt een progressieve verbetering
Helaas is lay-out niet echt een progressieve verbetering. Lay-out bepaalt veel dingen, niet het minst visuele hiërarchie, die instrumenteel kunnen zijn in het overbrengen van betekenis. En zo, zo spannend als Grid Layout is, lijken de nieuwe ontwerpvrijheden die het levert vooralsnog verlamd. De vraag is, wanneer is CSS Grid Layout betrouwbaar genoeg om uw standaardbenadering van online lay-out te zijn?
Waarschijnlijk het meest pragmatische antwoord is: het hangt af van uw doelgroep demografisch. Als u een site bouwt voor een online CSS-conferentie die wordt gesponsord door een browserfabrikant, bent u waarschijnlijk goed om te gaan; voor elk ander doel, kan het punt waarop CSS-rasterlayout commercieel nuttig is, een beetje gevaarlijker zijn.
CSS Grid Layout komt zeker binnenkort, naar een browser bij jou in de buurt. Het opent nieuwe mogelijkheden voor lay-out. Of het op elk moment binnenkort buiten CodePen kan worden gebruikt, is echter een andere zaak.