CSS Starter Kit für Entwickler - Shoelace.css

Frontend-Entwickler brauchen die besten Ressourcen, die sie bekommen können. Normalerweise bedeutet das auf einem Framework arbeiten wie Bootstrap, weil es im Grunde alles enthält.

Es gibt jedoch viele Alternativen und Schnürsenkel.css ist ein solches Beispiel, mit dem Sie vertraut sein sollten.

Diese kostenloses CSS-Kit ist nicht wirklich ein vollständiger Rahmen. Es ist eher wie ein Starter-Kit für Entwickler die nicht Dutzende von benutzerdefinierten CSS-Styles von Grund auf erstellen möchten.

Sie können immer einen CSS-Reset verwenden, der jedoch nur jeden Browser gleich formatiert. Ein Reset ist kein Cover-All für die Bearbeitung komplexerer Aufgaben, und genau das ist der Punkt von Shoelace.

Es kommt als ein Paket mit einer CLI, die auf Node ausgeführt wird dass Sie mit jedem Projekt installieren können. Obwohl es auch hat eine CDN-Version Wenn Sie npm nicht verwenden möchten.

Um das alles einzurichten, überprüfen Sie die Installationsanleitung in der offiziellen Dokumentation. Trotz dieser Kennzeichnung als CSS-Bibliothek kommt mit JavaScript-Komponenten, auch. Obwohl Die meisten davon laufen auf jQuery, Sie müssen das also als Abhängigkeit hinzufügen.

Wenn Sie weiter in die Dokumente hineinschauen, finden Sie die Anpassungsseite was zeigt dir So bearbeiten Sie Variablen in CSS. Damit können Sie benutzerdefinierte Komponenten erstellen und die Standard-Shoelace-Stile mühelos ändern.

Jede Komponente hat ein Bootstrap-y-Gefühl für das Design, Shoelace funktioniert also für nahezu jedes Layout.

Es aber auch hat eine steilere Lernkurve als Bootstrap, da es nicht so beliebt ist, hat es auch nicht so viel Unterstützung. Zum jetzigen Zeitpunkt befindet sich Shoelace noch in der Beta von Version 1.0, also hat es viel Zeit, sich mit den größeren Frontend-Frameworks auseinanderzusetzen.

Ein kurzer Blick auf die Dokumente sollte beweisen, dass dies der Fall ist bereit für eine produktionsstätte. Es liegt wirklich an Ihnen, ob Shoelace es wert wäre, gelernt und implementiert zu werden.

Werfen Sie einen Blick auf die GitHub-Repo zum Abrufen einer Kopie und das Online-Dokumentation für weitere Informationen zur Einrichtung. Wenn Sie Fragen oder Anregungen zu Shoelace haben, können Sie auch eine Zeile an den Ersteller auf Twitter @claviska schreiben.