Så vad händer med nätverkssystem? Jag menar Flexbox är här . Det är klart, webbläsarna är (mer eller mindre) redo. Det är på tiden. Vi kan vertikalt och horisontellt centrera allt utan att CSS transformera hackar!
Dessutom finns det alla andra saker som Flexbox kan göra. Låt oss inte knyta oss själva. Vi har länge väntat på den centrala saken.
Kanske har du tittat på den lysande Vad Flexbox ?! , serie, och du är redo att gå. Om du inte har sett det, borde du.
Så ... är vi nu grävningssystem? Tja, på många sätt kunde vi. Särskilt om du hatar klasssoppa så mycket som jag gör. Flexbox-baserade nätsystem är dock redan en sak, och de kan fortfarande vara användbara.
De kan till exempel hjälpa dig att hålla sig till en CSS-metodik som Objektorienterad CSS eller BEM . Kanske gillar du bara att använda klasserna. Eller kanske du bara vänjer sig till Flexbox, och med det gamla tolv kolonnnätet skulle du kunna anpassa dig.
Kanske är det bara snabbare att använda ett fördefinierat system än att skräddarsy varje Flexbox-nät som du behöver.
Oavsett anledningarna går gridsystem inte bort; och du kan ha det bästa av båda världarna. Så varför ska du inte?
Jag skulle vara ombedd om jag inte nämnde det Foundaton 6 är ute och har en Flexbox-version av sitt nät som ett alternativ. Ditto som ännu inte kommer att släppas Bootstrap 4 .
De håller de gamla rutorna runt för de personer som behöver stödja mindre kompatibla webbläsare, men de är redo att göra omkopplaren.
Detta lämpligt namngivna nätsystem håller åt dig tolv kolonner. Det har all kännedom om 960.gs, alla Flexboxs avancerade layoutmöjligheter, plus de reagerande klara klasserna (extra små, små, medelstora och stora) som vi har kommit att förvänta oss.
Löst genom Flexbox var i grunden gjord som en demo. Ändå är det en ganska komplett och funktionell demo som kan användas som grund för många projekt.
Gridlex lever upp till sin slogan, "Just a Flexbox Grid System". Det finns inte mycket att skilja på från Flexbox Grid. Välj den med de bättre klassnamnen, antar jag.
sGrid är lite annorlunda. Specifikt är det byggt med Stylus. Eller hur? Trodde att vi alla bara använde SASS nu. Hur som helst är det också utformat för att integreras med ett antal andra teknologier: Meteor, Grunt, React, och NPM.
Åh där går vi. SCSS-flex-grid och sass-flex-mixin är två separata SASS-baserade Flexbox-nät. Du kan klona antingen från deras repository, eller installera scss-flex-grid via NPM.
Verktygen är där ute. Hittills har jag inte kunnat identifiera en "fan-favorit". Chansen är att folk bara kommer att använda vad som kommer med deras favorit CSS-ramar, för det mesta.
I alla fall finns det lite ursäkt längre att inte fastna i Flexbox.