Spectre.css - Kevyt Flexbox-pohjainen reagoiva CSS-kehys
Jos haluat sukeltaa flexbox-asettelut nyt on paras aika aloittaa. Nykyaikaiset selaimet ovat lopulta hyväksyy flexbox-ominaisuudet ja enemmän kehittäjiä pääsee toimintaan.
Mutta miksi aloittaa tyhjästä, kun voit rakentaa uudelleenkäytettävän koodin päälle? Spectre.css on yksi parhaista kehyksistä käyttää sitä, jos olet uusi flexboxiin.
Tämä ilmainen avoimen lähdekoodin kehys on valmiiksi rakennettu a toimiva verkkojärjestelmä ja yhteiset flexbox-ominaisuudet. Se luottaa Gulpiin CSS: n laatimisesta ja käyttämisestä lennossa mistä tahansa tietokoneesta.
Se myös käyttää LESS Sassin sijaan, joka voi tehdä Specterin ja upean valinnan kaikille LESS-käyttäjille.
Yksi lataus npm: stä sisältää kaiken mitä tarvitset: CSS-kuvakkeet, sekoittimet, muuttujat, ja melko paljon muuta mitä voit odottaa tyypilliseltä CSS-kehykseltä.
Kaikki koodi on täysin semanttinen ja tukee kaikkia HTML-tekstielementtejä, jopa uudemmat, kuten . Tekstityylit myös tukea Itä-Aasian fontteja kielten, japanin ja korean kielillä.
Voit löytää tonnia esimerkkejä on “elementit” sivu joka luettelo suunnittelunäytteistä tekstiä, painikkeita, taulukoita, kuvakkeita ja web-lomakkeita (muun muassa).
Specter mukana tulee myös tonnia komponentteja joka voi säästää tuntikausia koodauksen kuluttamisesta tyhjästä. Dynaamiset ominaisuudet, kuten pop villapaidat ja pudotusvalikot, on erittäin helppo lisätä mihin tahansa asetteluun, vain muutamalla rivillä koodia.
Tämä kehys on vielä melko uusi ja se muuttuu aina. Tämän kirjoituksen aikaan Specter on sisään v0.2 ja on paljon kokeellisia ominaisuuksia voit kokeilla.
Ensisijaiset komponentit, sivuelementit ja ruudukot ovat kuitenkin täysin toimiva ja valmis elävälle tuotantolaitokselle. Spectre on yksi parhaista CSS-kehyksistä, jotka toimivat Lessissa flexbox-ruudukoilla.
Jos haluat lisätietoja ja aloittaa, käy osoitteessa dokumentointisivulla kattaa asennuksen ja asennuksen.
Voit myös ladata koodin kopion suoraan GitHubista jossa on myös pieni osa dokumentaatiota varten. Ja jos haluat jakaa ajatuksesi, voit piilottaa virallisen tilin @spectrecss.
