Så hvad sker der med nettet systemer? Jeg mener, at Flexbox er her . Det er klar, browserne er (mere eller mindre) klar. Det er på tide. Vi kan vertikalt og vandret centrere alt uden CSS transformere hacks!
Plus, der er alt det andet, som Flexbox kan gøre. Lad os dog ikke bryde os selv. Vi har ventet på den centrerende ting i lang tid.
Måske har du set den strålende Hvad Flexbox ?! , serier, og du er klar til at gå. Hvis du ikke har set det, skal du.
Så ... er vi nu også til at dyse rutenettet? Nå, på mange måder kunne vi. Især hvis du hader klassesuppe så meget som jeg gør. Imidlertid er Flexbox-baserede net systemer allerede en ting, og de kan stadig være nyttige.
For eksempel kan de hjælpe dig med at holde dig til en CSS-metode som Objektorienteret CSS eller BEM . Måske kan du bare bruge klasserne. Eller måske bliver du bare vant til Flexbox, og hvis du har det gamle tolv-kolonne gitter, kan du tilpasse dig.
Måske er det bare hurtigere at bruge et foruddefineret system end at tilpasse kode for hvert Flexbox-net, som du har brug for.
Uanset årsagerne går gridsystemerne ikke væk; og du kan få det bedste fra begge verdener. Så hvorfor skulle du ikke?
Jeg ville være remiss, hvis jeg ikke nævnte det Foundaton 6 er ude, og den har en Flexbox-version af sit net som en mulighed. Det er endnu ikke frigivet Bootstrap 4 .
De holder de gamle grids rundt for de mennesker, der har brug for at understøtte mindre kompatible browsere, men de er klar til at lave omskifteren.
Dette passende navnesystem holder til dig olde tolv søjler. Det har hele kendskabet til 960.gs, alle Flexboxs avancerede layoutfunktioner samt de lydhørklare klasser (ekstra små, små, mellemstore og store), som vi har forventet.
Løst af Flexbox blev grundlæggende lavet som en demo. Alligevel er det en ret komplet og funktionel demo, der kunne bruges som grundlag for mange et projekt.
Gridlex lever op til sit slogan, "Just a Flexbox Grid System". Der er ikke meget at differentiere det fra Flexbox Grid. Vælg den med de bedre klassenavne, gætter jeg på.
sGrid er lidt anderledes. Specielt er det bygget med Stylus. Jeg ved det rigtigt? Troede, vi alle brugte bare SASS nu. Anyway er det også designet til at blive integreret med en række andre teknologier: Meteor, Grunt, React, og NPM.
Åh, der går vi. SCSS-flex-gitter og Sass-flex-mixin er to separate SASS-baserede Flexbox-net. Du kan klone enten fra deres depot eller installere scss-flex-grid via NPM.
Værktøjerne er derude. Indtil videre har jeg ikke kunnet identificere en "fan-favorit". Chancerne er, folk vil bare bruge det, der kommer med deres foretrukne CSS-rammer, for det meste.
Under alle omstændigheder er der lidt undskyldning for ikke at sidde fast i Flexbox.