Joten mitä tapahtuu grid-järjestelmien kanssa? Tarkoitan, että Flexbox on täällä . Se on valmis, selaimet ovat (enemmän tai vähemmän) valmiita. On aika. Voimme pystyttää pystysuoraan ja horisontaalisesti mitä tahansa ilman CSS-muunnostyökkäyksiä!
Plus, siellä on kaikki muutkin asiat, joita Flexbox voi tehdä. Älkäämme kuitenkaan poistu itseämme. Olemme odottaneet tätä keskittymistä jo pitkään.
Ehkä olet katsellut loistavaa Mikä Flexbox ?! , sarja, ja olet valmis menemään. Jos et ole nähnyt sitä, sinun pitäisi.
Joten ... otammekö verkkojärjestelmät nyt? No, monin tavoin voisimme. Varsinkin jos vihoitat luokan keittoa yhtä paljon kuin minäkin. Flexbox-pohjaiset verkkojärjestelmät ovat kuitenkin jo asia, ja ne voivat silti olla hyödyllisiä.
He voivat esimerkiksi auttaa sinua noudattamaan CSS-metodologiaa Object-oriented CSS tai BEM . Ehkä haluat käyttää luokkia. Tai ehkä olet tottunut Flexboxiin, ja vanhan kaksitoista sarakkeen verkko auttaisi sinua sopeutumaan.
Ehkä se on vain nopeampi käyttää ennalta määritettyä järjestelmää kuin muokata kaikkia Flexbox-verkkoa, jota tarvitset.
Riippumatta syistä, verkkojärjestelmät eivät mene pois; ja voit saada molempien maailmojen parhaat puolet. Joten miksi et pitäisi?
Olisin epäilyttävää, jos en maininnut sitä Perustettu 6 on pois, ja siinä on Flexbox-versio sen verkosta vaihtoehto. Niinpä vielä vapautettava Bootstrap 4 .
He pitävät vanhoja verkkoja ihmisille, jotka tarvitsevat tukea vähemmän yhteensopivista selaimista, mutta he ovat valmiita tekemään vaihto.
Tämä sopivasti nimetty ristikkojärjestelmä pitää teidät vanhimpaan kaksitoista pylvästä. Se on kaikki 960.gs: n tuntemus, kaikki Flexboxin edistyksellinen asetteluominaisuus sekä reagoivat valmiit luokat (ylimääräiset pienet, pienet, keskisuuret ja suuret), joita olemme odottaneet.
Flexbox ratkaisee oli pohjimmiltaan demo. Silti se on melko täydellinen ja toimiva demo, jota voitaisiin käyttää monien projektien perustana.
Gridlex elää sen iskulauseella, "Just a Flexbox Grid System". Ei ole kovin paljon eroa Flexbox Gridista. Valitse yksi, jolla on parempia luokkia, luulisin.
sGrid on hieman erilainen. Erityisesti se on rakennettu Stylusin kanssa. Tiedän, eikö? Ajattelin, että olimme kaikki käyttäneet vain SASSia nyt. Joka tapauksessa se on myös suunniteltu integroitavaksi useiden muiden tekniikoiden kanssa: Meteor, Grunt, React ja NPM.
Siellä me menemme. SCSS-flex-grid ja Sass-flex-Mixin ovat kaksi erillistä SASS-pohjaista Flexbox-verkkoa. Voit kloonata joko arkistostaan tai asentaa scss-flex-verkon NPM: n kautta.
Työkalut ovat siellä. Tähän mennessä en ole kyennyt tunnistamaan "fani-suosikki". Mahdollisuudet ovat, että ihmiset käyttävät vain kaikkea, mitä tulee heidän suosikki CSS-kehystään.
Joka tapauksessa ei ole enää mitään syytä enää jäädä Flexboxiin.