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


Erstellen Sie bunte Flat-Themen-Websites mit CSS Mint UI Kit

Open-Source-Frontend-UI-Kits sind in der Entwickler-Community der letzte Schrei . Sie sparen Zeit bei allen Aspekten des Auslegens von Rastern, Formatieren von Seitenelementen und Hinzufügen dynamischer Komponenten wie Dropdown-Menüs.

Es gibt viele Kits mit flachen Design, aber nur wenige kommen zu CSS Mint . Diese 100% kostenlose Open-Source-UI-Kit funktioniert gut für alle Projekte und jede Art von Website, die Sie sich vorstellen können.

Im Kern von CSS Mint gibt es die Normalize-Bibliothek zusammen mit anderen benutzerdefinierten Resets. Dies soll alle browserübergreifenden Probleme und Fehler beseitigen, um die Codebasis auf der ganzen Linie konsistent zu halten.

Der gesamte CSS-Code folgt den OOCSS-Prinzipien . Sie sollten daher die bestehende Codebase einfach hinzufügen (oder anpassen).

Um zu beginnen, fügen Sie einfach das CSS Mint Stylesheet zu Ihrem Projekt hinzu. Dies kann über Bower oder über einen CDN-Link installiert oder sogar lokal gehostet werden, wenn Sie eine Kopie von GitHub herunterladen.

Wenn Sie eine neue Webseite erstellen, folgen Sie standardkonformem HTML5-Code. Grid-Systeme basieren auf Containern

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

Im Lieferumfang enthalten sind Klassen für Schaltflächen, Typografie, Navigationsmenüs, Formulareingaben und umfangreiche Seitenelemente wie Karten. Sie können viele Beispiele auf der Demo-Seite sehen, die auch Code-Schnipsel enthält.

Das Framework wird ständig mit neuen Styles und zusätzlichen Features aktualisiert, so dass Mint wahrscheinlich auf lange Sicht verfügbar sein wird.

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 Sie können loslegen!

Um mehr zu erfahren, besuchen Sie das GitHub Repo für Download Links und Installationsanweisungen. Und Sie können Ihre Gedanken mit dem Schöpfer Arun Michael Dsouza auf seinem Twitter @ amdsouza92 teilen.

Grid.css - Ein Minimal Grid System für Webentwickler

Grid.css - Ein Minimal Grid System für Webentwickler

Größere Frontend-Frameworks wie Bootstrap haben ihre eigenen Grid-Setups . Sie haben aber auch eine Menge Gepäck in Form von vorgefertigten Seitenelementen und JavaScript-Komponenten.Wenn Sie nach einem viel kleineren und stromlinienförmigen Rastersystem suchen, werden Sie Grid.css lieben.Diese kostenlose Open-Source-Bibliothek enthält das traditionelle 12-Farben-Grid-System, das Sie für jedes Layout strukturieren können. Das C

(Tech- und Design-Tipps)

Erstellen Sie hochwertige Landing Pages mit Qards [WordPress Plugin]

Erstellen Sie hochwertige Landing Pages mit Qards [WordPress Plugin]

Finden Sie es schwierig, Ihre Webseiten genau so zu gestalten, wie sie aussehen sollen? Läuft der Erstellungsprozess länger als Sie möchten, sogar mit Hilfe eines WordPress Theme? Dann sollten Sie Qards ausprobieren.Qards ist ein von Designmodo erstelltes WordPress-Plugin, mit dem Sie bestehende Seiten bearbeiten oder neue Seiten genau so erstellen können, wie Sie es wollten. Es

(Tech- und Design-Tipps)