Spectre.css - lehký Flexbox-založený citlivý CSS rámec

Jestli se chceš ponořit rozvržení flexboxu pak je nejlepší čas začít. Moderní prohlížeče jsou konečně přijetí vlastností flexboxu a více vývojářů se dostává do akce.

Ale proč začít od nuly, když můžete stavět na vrcholu opakovaně použitelného kódu? Spectre.css je jedním z nejlepších rámců, které můžete začít používat, pokud jste nový flexbox.

Tato bezplatná open-source framework přichází s přednastaveným a fungující síťový systém a společné vlastnosti flexboxu. To spoléhá na Gulp pro kompilaci a provoz CSS za běhu, z libovolného počítače.

To také používá LESS místo Sassu, který dokáže Spectre a skvělou volbu pro všechny uživatele LESS.

Jeden download z npm je dodáván se vším, co potřebujete: CSS ikony, mixiny, proměnné, a téměř cokoli jiného, ​​co byste očekávali od typického CSS rámce.

Celý kód je plně sémantické a podporuje všechny prvky textu HTML, i novější jako . Styly textu také podporu východoasijských fontů s jazyky jako čínština, japonština a korejština.

Můžeš najít tun příkladů na “Prvky” stránku, která seznam vzorů návrhů pro text, tlačítka, tabulky, ikony a webové formuláře (mimo jiné).

Spectre také přichází s tun komponent které vám ušetří hodiny času stráveného kódováním od nuly. Dynamické funkce, jako pop-overs a rozbalovací nabídky, jsou super snadno přidat do jakéhokoli uspořádání, s několika řádky kódu.

Tento rámec je stále dost nové a to vždy prochází změnami. V době psaní tohoto článku je Specter v v0.2 a má spousta experimentálních funkcí si můžete vyzkoušet.

Ale primární komponenty, prvky stránky a mřížky jsou Plně funkční a připraveno pro živé výrobní místo. Spectre je jeden z nejlepších CSS frameworků běžících na Méně s mřížkami flexbox.

Chcete-li se dozvědět více a začít, navštivte stránku dokumentace pokrývající instalaci a nastavení.

Můžete také stáhnout kopii kódu přímo od GitHub který má také malou část pro dokumentaci. A pokud byste se chtěli podělit o své myšlenky, můžete na oficiálním účtu @spectrecss tweetovat.