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.

Wie man seinen direkten Bericht am besten verwaltet

Wie man seinen direkten Bericht am besten verwaltet

Heute haben wir einen kleinen Crashkurs in kreativer Richtung. Nachdem Sie eine Weile gestylt haben, sind Sie möglicherweise für eine andere Person in Ihrem Team verantwortlich, sei es ein anderer Designer oder ein Programmierer, ein Texter oder ein anderer Profi.Es gibt nur ein Problem: Sie waren noch nie für ein Teammitglied verantwortlich, und Sie haben keine Ahnung, was zu tun ist. H

(Tech- und Design-Tipps)

Design to Code-Dienste für Ihre Web-Entwicklungsprojekte

Design to Code-Dienste für Ihre Web-Entwicklungsprojekte

Es gibt einige Webdesigner, die es vorziehen, von Anfang bis Ende an ihren Website- Erstellungsprojekten zu arbeiten. Die meisten bevorzugen jedoch, sich ausschließlich auf Ästhetik zu konzentrieren. Sie überlassen ihre Entwürfe den Entwicklern und warten auf den Code oder arbeiten mit den Programmierern zusammen, um das Endprodukt so perfekt wie möglich zu gestalten .Ein

(Tech- und Design-Tipps)