Picnic CSS Leichte CSS-Bibliothek zum Kickstart Ihrer Webprojekte
Einige Entwickler bevorzugen detaillierte UI-Bibliotheken wie Bootstrap für ihre reichhaltigen Stile. Es gibt jedoch viele kleinere CSS-Bibliotheken für subtile Designästhetik und Anpassung.
Wenn Sie nach einem suchen kleine, aber stilvolle CSS-Bibliothek ich empfehle Picknick-CSS. Es ist völlig kostenlos, Open Source und funktioniert ohne viel Bearbeitung, um Ihre Seiten mit einfachen, aber eleganten Stilen aufzufrischen.
Alle nativen HTML-Elemente sind standardmäßig neu gestaltet, Sie müssen sich also nicht einmal auf Klassen verlassen. Fügen Sie einfach das Picnic-Stylesheet zu Ihrer Webseite hinzu und aktualisieren Sie es. Sie werden feststellen, dass alle Formulare, Schaltflächen und typografischen Elemente ein neues Aussehen erhalten.
Aber natürlich diese Bibliothek unterstützt modulares Design mit Optionen zum Anpassen von alles. Es ist alles in Sass geschrieben, Sie müssen also wirklich ein Sass-Entwickler sein, um den Code durchzuarbeiten.
Sie haben Zugriff auf alle Standardtypografien, Klassen, Rastersysteme und Variablen, die zum Gestalten von Seitenelementen verwendet werden.
Picnic CSS wurde auch so gebaut, dass es unglaublich klein ist misst nur 10 KB groß wenn abgebaut Das ist ungefähr 1/10th von Bootstrap und es hat immer noch den ganzen Charme, den Sie in einem benutzerdefinierten UI-Framework erwarten würden.
Da es sich um eine kleine Bibliothek handelt hat keine dynamischen Funktionen. Beispiele finden Sie auf der Testseite, die Schaltflächen, Kopfzeilen, Karten, Eingaben, Registerkarten und ähnliche Elemente enthält.
Einige dynamische Elemente wie Modale und Registerkarten, Arbeit mit reinem CSS. Sie können also auch kompatible Websites erstellen, indem Sie JavaScript vollständig ignorieren. Ziemlich cool!
Ich denke, die Standard-Picknick-Stile sind ein bisschen langweilig, sodass sie ein wenig retuschieren könnten. Aber insgesamt liebe ich diese Bibliothek und es ist eine der einfachsten Möglichkeiten, ein neues Projekt auf dem rechten Fuß zu beginnen.
Um zu beginnen, besuchen Sie die Picnic CSS GitHub-Seite unter eine Kopie herunterladen und einige Beispiele ansehen. Du kannst auch Durchsuchen Sie die Online-Dokumentation um zu sehen, wie jedes Element funktioniert und was Sie brauchen, um alles zum Laufen zu bringen.
Picknick ist eben verfügbar auf einem CDN, Sie müssen also nicht einmal Dateien lokal herunterladen, um loszulegen.
