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


Wired UI - Das beste kostenlose Bootstrap 4 UI Kit

Mit der steigenden Popularität von Bootstrap 4 ist es keine Überraschung, dass Entwickler übersprungen werden, um ihre eigenen Plugins und Add-ons zu veröffentlichen .

Die aktuelle Version von Bootstrap hat viele Ressourcen, darunter viele kostenlose Themes und kostenlose Plugins . Wird BS4 die gleiche Menge an Ressourcen von Drittanbietern sehen?

Bis jetzt sieht es mit Werbegeschenken wie dem Wired UI Kit gut aus .

Dieses kostenlose UI-Kit wird unter einer Creative Commons-Lizenz veröffentlicht und kann nach Ihren Wünschen angepasst oder überarbeitet werden. Es läuft mit einem einfachen Design auf Bootstrap, bietet aber ein paar verschiedene Stile wie ein dunkles Thema .

Und wenn Sie sich die Vorschau-Seite ansehen, finden Sie ein Live-Sample mit allen Elementen mit einer Zielseite .

Der gesamte Code ist vollständig kompatibel mit der neuen BS4-Codebasis und das UI-Kit ist natürlich auch reaktionsschnell . Die Wired-UI-Entwickler arbeiten an einer Pro-Version, die zusätzliche Plugins und Beispielseiten enthalten sollte, aber die kostenlose Version ist mehr als genug, um mit Bootstrap 4 zu beginnen.

Dieses UI-Kit gestaltet fast alles von Grund auf neu, mit einem hellen, farbenfrohen Styling für alle Seitenelemente. Und dieses Kit lässt nichts unversucht, da es alle Komponenten wie Dropdowns, Karussells, Popovers und Registered Widgets anpasst.

Eine Sache, die ich an Wired nicht mag, ist der Mangel an klarer Dokumentation . Dies könnte in Zukunft kommen, aber ich konnte keine Seite finden, die alle Klassen und Elementstile (neben der Demo) klar umreißt.

Außerdem müssen Sie sich für ein Konto bei Wired Dots anmelden, um das kostenlose Kit herunterzuladen. Dies scheint nicht eingängig zu sein und ich hoffe wirklich, dass die Entwickler Wired auch auf GitHub kostenlos veröffentlichen werden.

Aber angesichts des deutlichen Mangels an BS4 UI-Kits ist dies eine der besten verfügbaren Optionen.

Wenn Sie vorhaben, mit Bootstrap 4 zu arbeiten und eine Startvorlage über die grundlegenden Stile hinaus möchten, probieren Sie Wired UI. Es ist völlig kostenlos für den persönlichen oder kommerziellen Gebrauch und es wird für jeden neuen BS4-Update so bleiben.

Hinzufügen von Fortschrittsschritten zu Formularen mit diesem jQuery-Plugin

Hinzufügen von Fortschrittsschritten zu Formularen mit diesem jQuery-Plugin

Die meisten von uns wissen über Fortschrittsbalken und wie diese im UI-Design funktionieren. Sie helfen beim Definieren von Seitenladezeiten, beim Hochladen von Formularen und ähnlichen Verzögerungen zwischen Seiten.Aber die Fortschritte sind ein wenig anders. Diese funktionieren wie Brotkrumen oben auf der Seite, um Benutzer durch einen Schritt-für-Schritt-Prozess zu leiten (normalerweise Formulare für Anmeldung und Auschecken).Mit

(Tech- und Design-Tipps)

Biomimicry: Wie die Natur die heutige Technologie inspiriert hat

Biomimicry: Wie die Natur die heutige Technologie inspiriert hat

Technologie und Natur wurden traditionell als divergierende Kräfte betrachtet - Technologie war oft ein Mittel, um Objekte oder Energien zu erschaffen, die in unserer Umgebung nicht natürlich vorkommen. Neue Ansätze zur Produkt- und Technologieentwicklung wie Biomimikry und generatives Design haben jedoch begonnen, diesen Trend umzukehren.Ge

(Tech- und Design-Tipps)