Picnic CSS: Leichte CSS-Bibliothek, um Ihre Webprojekte zu starten

Einige Entwickler bevorzugen detaillierte UI-Bibliotheken wie Bootstrap für seine funktionsreichen Stile. Aber es gibt viele kleinere CSS-Bibliotheken, die für subtile Designästhetik und -anpassung entwickelt wurden .

Wenn Sie nach einer kleinen, aber stilvollen CSS-Bibliothek suchen, empfehle ich Picnic CSS . Es ist völlig kostenlos, Open Source und funktioniert ohne viel Bearbeitung, um Ihre Seiten mit einfachen, aber eleganten Stilen aufzupeppen.

Alle nativen HTML-Elemente werden standardmäßig neu formatiert, sodass Sie nicht einmal auf Klassen angewiesen sind. Fügen Sie Ihrer Webseite einfach das Picnic Stylesheet hinzu und aktualisieren Sie es. Sie werden feststellen, dass alle Formulare, Schaltflächen und typografischen Elemente ein neues Aussehen erhalten.

Aber natürlich unterstützt diese Bibliothek das modulare Design mit Optionen, um alles individuell anzupassen. Es ist alles in Sass geschrieben, also müssen Sie wirklich ein Sass-Entwickler sein, um den Code zu bearbeiten.

Sie haben Zugriff auf alle Standardtypografien, Klassen, Rastersysteme und Variablen, die zum Formatieren und Ausmalen von Seitenelementen verwendet werden.

Picknick-CSS wurde auch gebaut, um unglaublich klein zu sein und es misst nur 10 KB in der Größe, wenn es minimiert wird. Dies ist ungefähr 1/10 Bootstrap und es hat immer noch den Charme, den Sie in einem benutzerdefinierten UI-Framework erwarten würden.

Da es sich um eine kleine Bibliothek handelt, hat sie keine dynamischen Funktionen . Sie können jedoch Beispiele auf der Testseite sehen, die Schaltflächen, Kopfzeilen, Karten, Eingaben, Registerkarten und andere ähnliche Elemente enthalten.

Einige der dynamischen Elemente, wie Modals und Tabs, funktionieren mit reinem CSS . Sie können also kompatible Websites erstellen, indem Sie JavaScript vollständig ignorieren. Ziemlich cool!

Ich denke, die Standard-Picnic-Stile sind ein bisschen langweilig, so dass sie einige Retusche verwenden könnten. Aber insgesamt verehre ich diese Bibliothek und es ist eine der einfachsten Möglichkeiten, ein neues Projekt auf den richtigen Fuß zu starten.

Um zu beginnen, besuchen Sie die Picnic CSS GitHub Seite, um eine Kopie herunterzuladen und einige Beispiele anzusehen . Sie können auch die Online-Dokumentation durchsuchen, um zu sehen, wie jedes Element funktioniert und was Sie benötigen, um alles laufen zu lassen.

Picknick ist sogar auf einem CDN verfügbar, so dass Sie nicht einmal Dateien lokal herunterladen müssen, um loszulegen.