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.

6 CSS Tricks zum vertikalen Ausrichten von Inhalten

6 CSS Tricks zum vertikalen Ausrichten von Inhalten

Lassen Sie uns über die vertikale Ausrichtung in CSS sprechen, oder um genauer zu sein, wie es nicht machbar ist. CSS bietet noch keine offizielle Möglichkeit, Inhalte vertikal in seinem Container zu zentrieren. Es ist ein Problem, das Webentwickler wahrscheinlich überall frustriert hat. Aber keine Angst, in diesem Beitrag werden wir dir ein paar Tricks zeigen, mit denen du den Effekt nachahmen kannst.Di

(Tech- und Design-Tipps)

4 Zeichen, dass Sie Ihre Schreibens-Leidenschaft verlieren (und wie man es zurückbekommt)

4 Zeichen, dass Sie Ihre Schreibens-Leidenschaft verlieren (und wie man es zurückbekommt)

Viele von uns haben dies schon einmal erlebt. Müde und ermüdet, den gleichen langweiligen Inhalt zu schreiben und ihn Tag für Tag interessant zu machen, stellen wir plötzlich fest, dass wir uns zum Computer schleifen müssen und uns zwingen müssen, durch die Bewegungen zu gehen und uns zu fragen, was wir stattdessen mit unserem Leben tun sollen .Dann

(Tech- und Design-Tipps)