Erstellen Sie schnellere responsive Websites mit der semantischen Benutzeroberfläche

Frontend-Frameworks wie Bootstrap sind nach wie vor angesagt. Es gibt Dutzende von großartigen Möglichkeiten, aus denen ich wählen kann Semantische Benutzeroberfläche.

Zugegeben, diese Bibliothek existiert schon seit einiger Zeit und reicht einige Jahre zurück. Die neueste Version von Version 2.2 kommt mit einer Reihe von zusätzlichen Funktionen und beweist, dass Semantic auf lange Sicht unterwegs sein wird.

Mit Dutzenden CSS-Variablen, einfache responsive Klassen, und einfach einzurichtende Layouts, Sie haben keine Probleme mit Semantic UI alleine zu arbeiten.

Das einfache Klassennamen und Gitterstrukturen geben Sie diesem gerufenen Rahmen wirklich einen Sinn “Semantisch”. Die Klassen sind sehr vernünftig und das macht Ihr HTML aus der Ferne leicht lesbar.

Es kommt sogar mit jQuery-Unterstützung für dynamische Seitenelemente wie Karussells und Dropdown-Menüs.

Jedes HTML-Element unter der Sonne ist maßgeschneidert und voll funktionsfähig mit Semantic UI. Dazu gehören HTML5-Elemente sowie zusätzliche Funktionen wie Bewertungen und benutzerdefinierte Registerkarten.

Aber das Beste an Semantic ist vielleicht das Themensetup. Sie erhalten nicht nur Tonnen von vorgefertigten Stilen und dynamischen Elementen, sondern Sie können auch gestalten Sie diese selbst neu Aufbau auf Semantics Code.

Die gesamte Bibliothek summiert sich 3.000 Themenvariablen Sie können in Sass ändern oder Ihr eigenes Stylesheet erweitern. Plus, Semantic UI wird mitgeliefert neun Standardthemen:

Semantische Standardeinstellung
Mollig
Angehoben
Klassisch
Google Material
Amazonas
Bootstrap
GitHub
Twitter

Dies sind nur die Spitze des Eisbergs und sie wirken mehr wie Ausgangspunkte, um Ihr eigenes Thema zu gestalten.

Wenn Sie eine neue Landing Page oder eine eigene Website von Grund auf neu erstellen, sollten Sie ernsthaft mit Semantic UI arbeiten. Es ist völlig kostenlos und Open Source mit großartige Dokumentation online.

Sie können durchblättern Layoutstile, zusammen mit Leitfäden für alle Hauptelemente und benutzerdefinierte Themen.

Und Sie können eine herunterladen Kopie des Quellcodes direkt von GitHub, dazu gehört auch eine Leitfaden für Anfänger.