Spectre.css - Lätt Flexbox-baserad Responsive CSS Framework

Om du vill dyka in flexbox layouter då är det nu dags att börja. Moderna webbläsare är äntligen acceptera flexbox egenskaper och fler utvecklare kommer in i åtgärden.

Men varför börja från början när du kan bygga ovanpå återanvändbar kod? Spectre.css är en av de bästa ramarna att börja använda om du är ny på flexbox.

Detta gratis open-source-ramverk kommer förbyggt med a fungerande nät system och gemensamma flexboxegenskaper. Det bygger på Gulp för att sammanställa och köra CSS i flygningen, från vilken dator som helst.

Det är också använder mindre istället för Sass, som kan göra Specter och ett utmärkt val för alla MINDER användare.

En nedladdning från npm levereras med allt du behöver: CSS ikoner, mixins, variabler, och ganska mycket allt annat du kan förvänta dig från en vanlig CSS-ram.

All kod är helt semantisk och stöder alla HTML-textelement, även de nyare som . Textstilar också stödja östasiatiska typsnitt med språk som kinesiska, japanska och koreanska.

Du kan hitta massor av exempel på “element” sida som listar designprover för text, knappar, tabeller, ikoner och webbformulär (bland annat).

Spektret kommer också med massor av komponenter som kan spara dig timmar spenderad kodning från början. Dynamiska egenskaper, som pop-overs och rullgardinsmenyer, är super lätt att lägga till i vilken layout som helst, med bara några rader kod.

Denna ram är fortfarande ganska ny och det genomgår alltid förändringar. Vid tiden för detta skrivande är Specter in v0.2 och har massor av experimentella funktioner du kan försöka.

Men de primära komponenterna, sidelementen och rutorna är fullt fungerande och redo för en levande produktionsplats. Specter är en av de bästa CSS-ramarna som körs på Mindre med flexboxnät.

För att lära dig mer och börja, besök dokumentationssida täcker installation och installation.

Du kan också ladda ner en kopia av koden direkt från GitHub som också har en liten del för dokumentation. Och om du vill dela dina tankar kan du tweet det officiella kontot @spectrecss.