Petal ist ein organisiertes und leichtes CSS-UI-Framework, das auf WENIGER läuft

Von Bootstrap bis Foundation scheint es eine endloser Strom von CSS-Frameworks auswählen. Aber wenige laufen auf WENIGER und noch weniger sind so gut organisiert wie Petal.

Dieses kleine Open Source Projekt war intern für das Team bei Shakr erstellt aber sie entschieden sich dafür Alles auf GitHub veröffentlichen. Es ist immer noch ein neuer Rahmen Es gibt also viel Raum für Verbesserungen. In seinem jetzigen Zustand ist Petal a reichhaltiges Framework für jedes Webprojekt.

Wer interessiert ist, sollte sich das ansehen Hauptseite und schau vorbei einige der dokumentation.

Das Petal Stylesheet zerfällt in verschiedene WENIGER Dateien, also ist es organisiert basierend auf Funktionen und Einstellungen. Auf diese Weise können Sie Änderungen vornehmen oder eine bestimmte Klasse suchen, die Sie benötigen Durchsuchen Sie nur eine Datei, zum Beispiel Typografie, anstatt einer ganzen Bibliothek.

Sie können einige davon sehen häufigere Designmerkmale in diesem Stift zusammen mit Code Ausschnitte Sie können kopieren.

Blütenblatt soll ein sein minimalistischer Rahmen mit einfache vorgefertigte Stile.

Nicht jeder möchte mit Farben oder Tönen arbeiten. Das Schöne an einem CSS-Framework ist, dass es möglich ist bieten das Design und den Stil, also du gerade fügen Sie den HTML-Code hinzu und beweg dich.

Das ist was Blütenblatt tut gut, und es ist ein Hauch frischer Luft in einer Welt voller Bootstrap-Homepages.

Wenn du das selbst ausprobieren willst Ergänzen Sie die Petal.css Stylesheet Recht auf deine Unterlagen Sektion. Von dort, Alle grundlegenden Stile werden angewendet direkt auf alle HTML-Elemente.

Sie können basteln mit klassen Auschecken der Dokumentenseite auf der Website. Es gibt eigentlich einen ganzen Abschnitt Grundlegende Seiteneinrichtung mit einer Klasse, sowie .Sektion als Behälter mit Klassen wie .Reihe oder .Säule für die Struktur.

Layout-Optionen sind praktisch endlos und Sie können jederzeit hinzufügen zusätzliche Formatierung für Polsterung und Ränder wenn benötigt.

Für ein so kleines CSS-Framework ist Petal wirklich beeindruckend. Es steht derzeit bei v0.5 noch in den Kinderschuhen, wird aber mit der Zeit kontinuierlich weiterentwickelt. Um mehr zu lernen Besuche die Petal Homepage, und sehen, was Sie bauen können!