Startseite » Toolkit » Erstellen Sie farbenfrohe Flat-Themed-Websites mit dem CSS Mint UI Kit

    Erstellen Sie farbenfrohe Flat-Themed-Websites mit dem CSS Mint UI Kit

    Open-Source-Frontend-UI-Kits sind der letzte Schrei in der Entwicklungsgemeinschaft. Sie sparen Zeit bei der Gestaltung von Rastern, beim Gestalten von Seitenelementen und beim Hinzufügen dynamischer Komponenten wie Dropdowns.

    Es gibt viele Kits mit flachem Design, aber nur wenige kommen nahe CSS Mint. Dieses 100% kostenlose Open-Source-UI-Kit eignet sich hervorragend für alle Projekte und jede Art von Website, die Sie sich vorstellen können.

    Im Kern von CSS Mint steht die Bibliothek normalisieren zusammen mit anderen benutzerdefinierten Resets. Das ist dazu gedacht Squash alle Cross-Browser-Probleme und Fehler um die Codebase durchgängig konsistent zu halten.

    Der gesamte CSS-Code folgt OOCSS-Prinzipien, Sie sollten also problemlos die vorhandene Codebase hinzufügen (oder anpassen).

    Um zu beginnen, musst du nur Fügen Sie das CSS Mint Stylesheet hinzu zu deinem Projekt. Dies kann über Bower oder über einen CDN-Link installiert werden oder lokal gehostet werden, wenn Sie eine Kopie von GitHub herunterladen.

    Wenn Sie eine neue Webseite erstellen, beachten Sie den standardkonformen HTML5-Code. Rastersysteme basieren auf Containern

    Elemente. Die meisten Standardelemente wie
    sind voll gestylt, mit optionale Klassen für verschiedene Layouts.

    Außerhalb der Box finden Sie Kurse für Tasten, Typografie, Navigationsmenüs, Eingaben bilden und reiche Seitenelemente wie Karten. Auf der Demo-Seite, die auch Codeausschnitte enthält, finden Sie zahlreiche Beispiele.

    Der Rahmen ist ständig aktualisiert werden Mit neuen Styles und zusätzlichen Funktionen ist Mint wahrscheinlich auf lange Sicht unterwegs.

    Es bietet nicht so viel Kontrolle wie die Sass and Less-Frameworks, aber die Schönheit von Mint liegt in seiner Einfachheit. Fügen Sie einfach das Stylesheet zu Ihrer Seite hinzu und schon kann es losgehen!

    Um mehr zu erfahren, besuchen Sie die GitHub-Repo für Downloadlinks und Installationsanweisungen. Und Sie können Ihre Gedanken mit dem Erfinder Arun Michael Dsouza auf Twitter @ amdsouza92 teilen.