Propeller Framework kombiniert Bootstrap & Google Material Design

Die immense Popularität des Materialdesigns von Google sollte nicht überraschen. Es ist Teil eines modernen UI-Stils, der sich mehr auf flaches Design mit Schwerpunkt auf UX- und Usability-Mustern konzentriert .

Indem wir die Material-Design-Konzepte nehmen und sie zu Bootstrap hinzufügen, erhalten wir das Propeller-Framework .

Dieses vollständig reaktionsfähige Open-Source-Framework spielt die materielle Rolle perfekt. Es enthält eine Komponentenbibliothek mit 25 Benutzeroberflächenelementen sowie benutzerdefinierte Vorlagen zur Beschleunigung der Produktion.

Sie können den gesamten Quellcode auf GitHub zusammen mit den Browser-Support-Informationen und aktuellen Updates finden.

Wenn Sie wirklich tauchen wollen, sollten Sie die Dokumentationsseite besuchen . Hier finden die guten Dinge statt, die die Ordnerstruktur, die grundlegende Einrichtung der Website, die Verwendung von Komponenten und die individuelle Anpassung des Kits betreffen.

Die meisten Komponenten werden oberhalb der Bootstrap-Klassen ausgeführt, sodass Sie mit einer echten BootStrap-Codebasis arbeiten . Es ist jedoch stark angepasst, um die Animationen und Design-Ideologien des Materialdesigns nachzuahmen .

Dropdown-Menüs, Formulare, Registerkarten-Widgets und Fortschrittsbalken - all diese Komponenten folgen dem Materialdesign-Stil und sind super einfach einzurichten. Der schwierige Teil besteht darin, die genaue Komponente zu finden, die zu Ihrer Site passt, da es so viele gibt, aus denen Sie auswählen können.

Im Allgemeinen folgt Propeller den meisten Designrichtlinien von Google . Die Entwickler haben mit diesem Framework einen fantastischen Job gemacht und es passt wirklich zum Material-Stil.

Auf der Seite "Erste Schritte" finden Sie vier verschiedene Downloads für jeweils unterschiedliche Zwecke:

1. Materialthematisch - für vorhandene Bootstrap-Sites, die einen Materialdesignstil wünschen
2. Propeller Kit - die gesamte CSS / JS-Bibliothek bereit für die Produktion
3. Stand Alone - einzelne Komponenten, die Sie für Ihre eigenen Projekte kopieren und einfügen können
4. Admin-Vorlage - eine benutzerdefinierte Admin-Panel-Vorlage, die mit Propeller erstellt wurde

Wenn Sie neu im Framework sind, können Sie das gesamte Kit herunterladen und basteln. Dieses Paket hat nicht viele Beispielseiten, aber Sie können sich die Propeller-Seite ansehen, um zu sehen, wie es aussieht.

Dieser Rahmen ist produktionsbereit, wenn Sie nach einem materiellen Thema suchen. Es ist eines der einfachsten Frameworks, mit dem man bauen kann, und es wird wahrscheinlich noch viele Jahre dauern.