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.

5 VR Headset Alternativen zum Oculus Rift

5 VR Headset Alternativen zum Oculus Rift

Virtual Reality ist nicht neu, aber die Oculus Rift hat wieder Interesse daran geweckt, als wir erkennen, dass wir dem Virtual-Reality-Gaming einen Schritt näher kommen . Obwohl die Technologie bereits auf dem Vormarsch ist und gedeiht, fehlt es immer noch an dem richtigen Gerät, das ein umfassendes Erlebnis bieten kann.A

(Tech- und Design-Tipps)

Best Practices für die progressive Verbesserung im Webdesign

Best Practices für die progressive Verbesserung im Webdesign

Das Handwerk beim Erstellen von Websites ist unglaublich komplex mit vielen sich schnell verändernden Teilen. Das Ziel der Webdesign-Community ist es, die Komplexität zu verringern und das Fehlerpotenzial in jeder Phase des Erstellungsprozesses zu reduzieren .Progressive Enhancement ist eine solche Idee im Webdesign, die darauf abzielt, Fehler zu reduzieren und eine konsistente Benutzererfahrung auf der ganzen Linie zu bieten .

(Tech- und Design-Tipps)