Spectre.css - kerge Flexbox-põhine reageeriv CSS raamistik

Kui soovid sukelduda flexboxi paigutus siis on nüüd parim aeg alustada. Kaasaegsed brauserid on lõpuks aktsepteeritakse flexboxi omadusi ja rohkem arendajaid läheb tegevusse.

Aga miks alustada nullist, kui saad ehitada korduvkasutatava koodi peale? Spectre.css on üks parimaid raamistikke, mida kasutada, kui olete flexboxis uus.

See tasuta avatud lähtekoodiga raamistik on eelnevalt ehitatud a toimiva võrgusüsteemi ja ühised flexboxi omadused. See tugineb Gulpile CSS-i koostamiseks ja käitamiseks mis tahes arvutist.

See samuti kasutab LESS selle asemel, et Sass, mis võib teha Spectre ja suurepärane valik kõigile LESS kasutajatele.

Üks allalaadimine npm-st kaasneb kõike, mida vajate: CSS-i ikoonid, segud, muutujad, ja päris palju muud, mida oodata tüüpilisest CSS raamistikust.

Kõik kood on täielikult semantiline ja toetab kõiki HTML-i tekstielemente, isegi uuemad . Teksti stiilid toetada Ida-Aasia fonte keeled, nagu hiina, jaapani ja korea.

Leiad tonni näiteid kohta “Elemendid” lehekülg, mis loetleb disaininäidised teksti, nuppude, tabelite, ikoonide ja veebivormide jaoks (muu hulgas).

Ka kaasas on Specter tonni komponente see võib säästa aega, mis kulub kodeerimisest nullist. Dünaamilised funktsioonid, nagu näiteks hüpikaknad ja rippmenüüd, on väga lihtne lisada mis tahes paigutusse, vaid mõne reaga.

See raamistik on ikka päris uus ja see toimub alati muutustes. Selle kirjutamise ajal on Specter sisse lülitatud v0.2 ja on palju eksperimentaalseid funktsioone võid proovida.

Kuid peamised komponendid, leheküljeelemendid ja võrgud on täielikult toimiv ja valmis elusale tootmiskohale. Spectre on üks parimaid CSS-raamistikke, mis töötavad vähem koos flexbox-võrkudega.

Lisateabe saamiseks ja alustamiseks külastage dokumentatsiooni leht hõlmab paigaldamist ja seadistamist.

Võite alla laadida ka koodi koopia otse GitHubist millel on ka väike dokumentatsiooniosa. Ja kui soovite oma mõtteid jagada, saate ametlikku kontot @spectrecss jagada.