Propeller Framework Kombiniert Bootstrap und Google Material Design

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

Indem wir die Materialdesignkonzepte verwenden und sie zu Bootstrap hinzufügen, erhalten wir die Propeller-Rahmen.

Dieses vollständig ansprechende Open Source-Framework spielt die entscheidende Rolle. Es wird mit einer Komponentenbibliothek von geliefert 25 Elemente der Benutzeroberfläche, zusammen mit benutzerdefinierte Vorlagen die Produktion zu beschleunigen.

Sie können finden allen Quellcode auf GitHub zusammen mit Informationen zur Browserunterstützung und den neuesten Updates.

Wenn Sie wirklich eintauchen möchten, sollten Sie die Dokumentationsseite. Hier passiert das Gute: Ordnerstruktur, grundlegende Einrichtung der Site, Verwendung von Komponenten und selbstgesteuertes Anpassen des Kits.

Die meisten Komponenten werden zusätzlich zu den Bootstrap-Klassen ausgeführt, sodass Sie mit a arbeiten echte BootStrap-Codebasis. Es ist jedoch stark angepasst an Materialdesign nachahmenAnimationen und Designideologien.

Dropdown-Menüs, Formulare, Widgets mit Registerkarten und Fortschrittsbalken, all diese Komponenten Folgen Sie dem Materialdesignstil und sie sind super einfach einzurichten. Der schwierige Teil besteht darin, die genaue Komponente zu finden, die zu Ihrer Website passt, da es so viele zur Auswahl gibt.

Im Allgemeinen Propeller folgt den meisten Gestaltungsrichtlinien von Google. Die Entwickler haben mit diesem Framework fantastische Arbeit geleistet und es passt wirklich zum Materialstil.

Auf der Seite Erste Schritte finden Sie vier verschiedene Downloads, jeweils für einen bestimmten Zweck:

1. Material unter dem Motto - für vorhandene Bootstrap-Sites, die einen Materialdesignstil wünschen
2. Propeller-Kit - Die gesamte CSS / JS-Bibliothek ist für die Produktion bereit
3. Eigenständige - Einzelne Komponenten, die Sie für Ihre eigenen Projekte kopieren / einfügen können
4. Admin-Vorlage - eine mit Propeller erstellte benutzerdefinierte Admin-Panel-Vorlage

Wenn Sie mit dem Framework noch nicht vertraut sind, können Sie das gesamte Kit herunterladen und basteln. Dieses Paket enthält nicht viele Musterseiten, aber Sie können auf der Propeller-Site nachsehen, wie es aussieht.

Dieser Rahmen ist serienreif wenn Sie nach einem Materialthema suchen. Es ist eines der einfachsten Frameworks, mit dem gebaut werden kann, und es wird wahrscheinlich noch Jahre dauern.