Dropbox Scooter Framework macht Sass-Entwicklung noch einfacher
Wir alle wissen über CSS-Frameworks und die Stärke, die sie Entwicklern bieten. Aber was ist mit SCSS-Frameworks, die in den Sass-Workflow eingebunden sind ?
Es gibt nicht viele dieser Frameworks, aber Scooter ist eine nette Ausnahme. Es wird von den Leuten bei Dropbox gepflegt und es funktioniert wie ein Frontend-UI-Framework, aber mit einem Vorbehalt - es ist alles auf SCSS gebaut .
Das Team von Dropbox hat diese Bibliothek erstellt, um die Benutzeroberfläche zu konsolidieren und die Anpassung zu vereinfachen. Sie haben einen CSS-Style-Guide, der die Grundlagen zum Erstellen neuer Klassen, Schachteln, Abstände und allgemeine Richtlinien zum Schreiben enthält.Natürlich gelten diese Richtlinien auch für SCSS, und es ist eher ein Benutzerhandbuch als eine Einführung. Leider gibt es kein einziges Intro für Anfänger. Stattdessen gibt es Seiten mit Informationen zur Bibliothek, z. B. benutzerdefinierte Funktionen für Seitenfarben.
Die Scooter-Bibliothek ist nicht schwer zu erlernen, wenn Sie Sass bereits kennen. Wenn Sie ein kompletter Neuling sind, dann müssen Sie zuerst die Grundlagen von Sass untersuchen .
Scooter ist immer noch ein sehr neues Projekt, also gibt es Raum für Wachstum. Es hat viele detaillierte Objekte wie Gitter, Medienboxen, Listenelemente und Komponenten wie Schaltflächen / Feldeingaben.
Die Scooter-Bibliothek ist ein halbes SCSS-Entwicklungsframework, eine halbe UI-Komponentenbibliothek . Es ist eine einzigartige Wendung gegen die traditionellen Sachen wie Bootstrap.Ich würde das nur für fortgeschrittene Entwickler empfehlen , die gerne in Frameworks aus Spaß graben. Scooter eignet sich nicht besonders gut für Produktionsprojekte und ist eine Erweiterung des Dropbox-Entwicklungsteams.
Aber wenn Sie weiter graben wollen, besuchen Sie das offizielle GitHub Repo mit allen enthaltenen Dateien und einem kostenlosen Download, um den Quellcode zu erhalten.
Automatisches Generieren des Inhaltsverzeichnisses mit Tocbot
Längere Inhalte werden zur Norm mit einem stärkeren Empfang von Google und den Nutzern. Aber es kann ermüdend werden, den langen Inhalt mit vielen Unterüberschriften zu lesen .Geben Sie Tocbot ein, einen kostenlosen Tabellengenerator, der auf JavaScript basiert. Dies erstellt automatisch eine feste ToC-Liste auf jeder Seite und aktualisiert Ihre Position, wenn Sie an jeder Überschrift vorbeirollen. Die
Ein Rocking CSS3 Suchfeld erstellen
Dieser Artikel ist Teil unserer "HTML5 / CSS3 Tutorials" -Serie - mit dem Ziel, Sie zu einem besseren Designer und / oder Entwickler zu machen. Klicken Sie hier, um mehr Artikel aus derselben Serie zu sehen. CSS3 ist die Stylesheet-Sprache der nächsten Generation. Es bietet viele neue und aufregende Funktionen wie Schatten, Animationen, Übergänge, Rand-Radius usw. O