Spectre.css - Leichtes, auf Flexbox basierendes Responsive CSS-Framework

Wenn du eintauchen willst Flexbox-Layouts Dann ist jetzt die beste Zeit, um zu beginnen. Moderne Browser sind schließlich akzeptieren flexbox eigenschaften und mehr Entwickler kommen in die Action.

Aber warum von vorne anfangen, wenn Sie können auf wiederverwendbaren Code aufbauen? Spectre.css ist eines der besten Frameworks, das Sie verwenden können, wenn Sie Flexbox noch nicht kennen.

Dieses kostenlose Open-Source-Framework wird mit einem funktionierendes Netzsystem und allgemeine flexbox-eigenschaften. Es verlässt sich auf Gulp für das schnelle Kompilieren und Ausführen von CSS von jedem Computer aus.

Es auch verwendet weniger Anstelle von Sass, was Specter und eine großartige Wahl für alle LESS-Benutzer machen kann.

Ein Download von npm enthält alles, was Sie brauchen: CSS-Icons, Mixins, Variablen, und so ziemlich alles andere, was Sie von einem typischen CSS-Framework erwarten würden.

Aller Code ist voll semantisch und unterstützt alle HTML-Textelemente, Sogar die neueren mögen . Textstile auch unterstützt ostasiatische Schriftarten mit Sprachen wie Chinesisch, Japanisch und Koreanisch.

Sie können finden Tonnen von Beispielen auf der “Elemente” welche Seite listet Designbeispiele auf für Text, Schaltflächen, Tabellen, Icons und Webformulare (ua).

Specter kommt auch mit Tonnen von Komponenten Das kann Ihnen Stunden ersparen, die für das Programmieren von Grund auf erforderlich sind. Dynamische Funktionen, sowie Pop-Overs und Dropdown-Menüs, Mit nur wenigen Codezeilen lassen sich jedes Layout sehr einfach hinzufügen.

Dieser Rahmen ist immer noch ziemlich neu und es ändert sich immer. Zum Zeitpunkt dieses Schreibens ist Specter in v0,2 und hat viele experimentelle Funktionen Du kannst es versuchen.

Die primären Komponenten, Seitenelemente und Raster sind jedoch voll funktionsfähig und Bereit für eine Live-Produktionsstätte. Spectre ist eines der besten CSS-Frameworks, die auf Less mit Flexbox-Grids laufen.

Um mehr zu erfahren und loszulegen, besuchen Sie die Dokumentationsseite für Installation und Setup.

Sie können auch eine Kopie des Codes herunterladen direkt von GitHub Das hat auch einen kleinen Abschnitt für die Dokumentation. Und wenn Sie Ihre Gedanken teilen möchten, können Sie das offizielle Konto @spectrecss twittern.