de.hideout-lastation.com
Paradies Für Designer Und Entwickler


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.

Warum Sie als Angestellter besser sein können als ein Manager

Warum Sie als Angestellter besser sein können als ein Manager

Während meiner Tätigkeit im Finanzsektor stieß ich auf viele hoch talentierte Mitarbeiter, die brillante Mitarbeiter waren . Sie haben gearbeitet, Ergebnisse geliefert und hoch gelobte Jobs in ihren Projekten geleistet. Einige von ihnen wurden sogar als der nächste Manager oder Leiter des Unternehmens angepriesen. Ta

(Tech- und Design-Tipps)

20 Webseiten mit unorthodoxen Geometrieelementen für Ihre Inspiration

20 Webseiten mit unorthodoxen Geometrieelementen für Ihre Inspiration

Obwohl das Argument, dass die meisten Internetnutzer heutzutage immer "unterwegs" sind und sich mehr darum bemühen, Dinge auf die schnellste und einfachste Art und Weise zu erledigen, durchaus plausibel ist, würden "Kreative" der Idee, auf Einzigartigkeit zu verzichten, kaum zustimmen Ästhetik für Vorhersagbarkeit.Aus

(Tech- und Design-Tipps)