Spectre.css - Framework CSS reattivo leggero basato su Flexbox

Se vuoi tuffarti layout di flexbox quindi ora è il momento migliore per iniziare. I browser moderni sono finalmente accettando le proprietà di flexbox e altri sviluppatori stanno entrando in azione.

Ma, perché iniziare da zero quando puoi costruire sopra il codice riutilizzabile? Spectre.css è uno dei migliori framework da utilizzare se sei nuovo su Flexbox.

Questo framework open source gratuito è pre-costruito con a sistema di rete funzionante e proprietà comuni della flexbox. esso si affida a Gulp per compilare ed eseguire CSS al volo, da qualsiasi computer.

Anche usa MENO invece di Sass, che può fare Spectre e una scelta formidabile per tutti gli utenti di LESS.

Un download da npm viene fornito con tutto il necessario: Icone CSS, mixin, variabili, e praticamente qualsiasi altra cosa ci si aspetterebbe da un tipico framework CSS.

Tutto il codice è completamente semantico e supporta tutti gli elementi di testo HTML, anche quelli più recenti come . Stili di testo anche supporta i font dell'Asia orientale con lingue come cinese, giapponese e coreano.

Potete trovare tonnellate di esempi sul “Elementi” pagina che elenca gli esempi di design per testo, pulsanti, tabelle, icone e moduli Web (tra le altre cose).

Spectre viene anche con tonnellate di componenti che può farti risparmiare ore di tempo trascorse a scrivere codice da zero. Caratteristiche dinamiche, ad esempio pop-over e menu a discesa, sono super facili da aggiungere a qualsiasi layout, con solo poche righe di codice.

Questo quadro è ancora piuttosto nuovo ed è sempre in fase di modifica. Al momento di questo scritto, Spectre è in v0.2 e ha molte funzionalità sperimentali Puoi provare.

Ma i componenti primari, gli elementi della pagina e le griglie sono perfettamente funzionante e pronto per un sito di produzione dal vivo. Spectre è uno dei migliori framework CSS in esecuzione su Less con le griglie flexbox.

Per saperne di più e iniziare, visita il pagina di documentazione coprendo installazione e installazione.

Puoi anche scaricare una copia del codice direttamente da GitHub che ha anche una piccola sezione per la documentazione. E, se vuoi condividere i tuoi pensieri, puoi twittare l'account ufficiale @spectrecss.