Spectre.css - ľahký odozva CSS na základe Flexbox

Ak sa chcete ponoriť do rozloženie flexboxu teraz je najlepší čas začať. Moderné prehliadače sú konečne prijíma vlastnosti flexboxu a ďalší vývojári sa dostávajú do akcie.

Ale prečo začnite od začiatku, keď môžete stavať na vrchole opakovane použiteľného kódu? Spectre.css je jedným z najlepších rámcov na začatie používania, ak ste novým používateľom flexboxu.

Tento bezplatný open-source rámec je dodávaný vopred s a fungujúci systém mriežky a spoločné vlastnosti flexboxu. to spolieha na Gulp pre kompiláciu a spustenie CSS za behu, z ľubovoľného počítača.

To tiež používa LESS namiesto Sass, čo môže urobiť Spectre a úžasnú voľbu pre všetkých MYŠÍCH používateľov.

Jedno stiahnutie z npm obsahuje všetko, čo potrebujete: CSS ikony, mixins, premenné, a skoro všetko, čo by ste očakávali od typického rámca CSS.

Celý kód je plne sémantický a podporuje všetky prvky textu HTML, dokonca aj novšie . Textové štýly tiež podporovať východoázijské fonty s jazykmi ako je čínština, japončina a kórejčina.

Môžeš nájsť ton príkladov na “elements” stránka, ktorá uvádza zoznam vzorových vzoriek pre text, tlačidlá, tabuľky, ikony a webové formuláre (okrem iného).

Spektra tiež prichádza s ton komponentov čo vám môže ušetriť čas strávený kódovaním od začiatku. Dynamické funkcie, ako napr pop-overs a rozbaľovacie ponuky, sú veľmi jednoduché pridať do ľubovoľného rozloženia, len s niekoľkými riadkami kódu.

Tento rámec je stále dosť nové a vždy ide o zmeny. V čase tohto písania sa nachádza Spectre v0.2 a má množstvo experimentálnych funkcií si môžete vyskúšať.

Ale hlavné komponenty, prvky stránky a mriežky sú plne funkčný a pripravený na živé miesto výroby. Spektra je jedným z najlepších rámcov CSS bežiacich na Menej s flexibilnými sieťami.

Ak sa chcete dozvedieť viac a začať, prejdite na stránku stránka dokumentácie pokrývajúce inštaláciu a nastavenie.

Môžete si tiež stiahnuť kópiu kódu priamo od spoločnosti GitHub ktorý má aj malú časť pre dokumentáciu. A ak by ste chceli zdieľať svoje myšlienky, môžete pípanie oficiálneho účtu @spectrecss.