kaxigt.com

CSS Grid stöds nu av alla större webbläsare och allt vi vet om webbdesign kommer att förändras! Tänk dig att du kan rita ett rutnät i webbläsaren och placera innehåll i ett eller ett antal celler utan att behöva ändra HTML- eller källordningen. Föreställ dig sedan att du kan ändra det rutnätet med hjälp av media queries eller JavaScript, samtidigt som din HTML är ren och tillgänglig. Det är vad CSS Grid gör, och det är därför du borde använda det idag.

CSS Grid Layout Module introducerar ett inbyggt CSS-gridsystem, tillhandahållen på viewport nivå, och som åstadkommer vad nuvarande CSS ramverk och populära nätverkssystem bara kan drömma om: Responsiva, flexibla, rena CSS-gridlayouter, oberoende av dokumentkälla, som tillåter oss att använda webbläsaren som en riktig design och layout yta.

I den här genomgången får du en introduktion till CSS Grid och lära dig hur det förändrar ganska mycket av allt när det gäller layouter på webben. Genom exempelvis kodsnuttar och praktiska demos kommer du att få lära dig hur du använder CSS Grid i ett tema för moderna responsiva layouter, och du lär dig också att hantera äldre webbläsare utan Grid-stöd på ett rent och framåtriktat sätt.

CSS Grid är här, och du kan börja använda det idag. Den här informationen visar hur du gör det på rätt sätt.

-Morten Rand-Hendriksen