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


Erstellen Sie mit Semantic UI schnellere Responsive Websites

Frontend-Frameworks wie Bootstrap sind immer noch der letzte Schrei. Es gibt Dutzende von großartigen Möglichkeiten zur Auswahl, aber eine, die meine Aufmerksamkeit kürzlich erregt hat, ist die semantische Benutzeroberfläche .

Zugegeben, diese Bibliothek gibt es schon seit einiger Zeit. Die neueste Version der Version 2.2 enthält jedoch eine Reihe zusätzlicher Funktionen und beweist, dass Semantic auf lange Sicht verfügbar sein wird.

Mit Dutzenden von CSS-Variablen, einfachen Responsive-Klassen und einfach einzurichtenden Layouts haben Sie keine Probleme, selbst mit der semantischen Benutzeroberfläche zu arbeiten.

Die einfachen Klassennamen und Gitterstrukturen verleihen diesem Rahmen, der als "Semantik" bezeichnet wird, wirklich Bedeutung. Die Klassen sind sehr vernünftig und das macht Ihr HTML einfach aus der Ferne zu lesen.

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

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

Aber vielleicht ist der beste Teil von Semantic das Theming-Setup . Sie erhalten nicht nur Tonnen von vorgefertigten Stilen und dynamischen Elementen, sondern Sie können diese auch selbst neu aufbauen, indem Sie auf dem Code von Semantic aufbauen.

Die gesamte Bibliothek umfasst mehr als 3.000 Theming-Variablen, die Sie in Sass verändern oder Ihr eigenes Stylesheet erweitern können. Außerdem enthält die semantische Benutzeroberfläche neun Standardthemen :

  1. Semantische Vorgabe
  2. Mollig
  3. Angehoben
  4. Klassisch
  5. Google Material
  6. Amazonas
  7. Bootstrap
  8. GitHub
  9. Twitter

Dies sind nur die Spitze des Eisbergs und sie wirken eher wie Startpunkte, um ein eigenes Thema zu entwerfen .

Wenn Sie eine neue Zielseite oder benutzerdefinierte Website von Grund auf erstellen, sollten Sie ernsthaft über die Verwendung der Semantic UI nachdenken. Es ist völlig kostenlos und Open Source mit großartigen Online-Dokumentation .

Sie können Layout-Stile sowie Hilfslinien für alle Hauptelemente und benutzerdefinierte Themen durchsuchen.

Und Sie können eine Kopie des Quellcodes direkt von GitHub herunterladen, die auch einen Leitfaden für Anfänger enthält .

10 leichte Alternativen zu Bootstrap & Foundation

10 leichte Alternativen zu Bootstrap & Foundation

Die Wahl des richtigen Rahmens, der perfekt zu Ihren Projekten passt, könnte ein wenig überwältigend sein - es gibt eine große Auswahl. Vielleicht möchten Sie mit beliebten Optionen wie Bootstrap oder Foundation gehen, aber wenn Ihre Website eine ziemlich einfache sein wird, werden Sie nicht die meisten Bausteine ​​und Materialien benötigen, die im Standardpaket enthalten sind.Die gute

(Tech- und Design-Tipps)

Erstellen Sie schöne animierte Partikel mit dieser Javascript-Bibliothek

Erstellen Sie schöne animierte Partikel mit dieser Javascript-Bibliothek

Es gibt Tonnen von kostenlosen Animationsbibliotheken, alle mit verschiedenen Effekten und Spezialitäten. Die neue Particles.js-Bibliothek geht jedoch völlig neue Wege, indem sie animierte Partikel erzeugt, die sich in Echtzeit über die ganze Seite bewegen .Diese einfach zu bedienende Bibliothek ist komplett kostenlos und Open-Source auf GitHub. E

(Tech- und Design-Tipps)