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


Vital CSS - Ein minimal invasives Web-Framework

Bewegen Sie sich über Bootstrap, da sich ein neues CSS-Framework in der Stadt befindet. Es nennt sich Vital und streift die Frontend-Entwicklung auf das Wesentliche ab .

Vital kommt nur mit CSS und hat keine JavaScript-Bibliotheken oder Abhängigkeiten . Und das Vital.css-Stylesheet ist nur 31 KB verkleinert, einschließlich Icon-Fonts.

Die CSS-Datei von Just Bootstrap beträgt allein etwa 118 KB. Vital ist fast 1/4 der Größe von Bootstrap! Es wurde für Entwickler entwickelt, die nur eine schnelle Lösung für ihr nächstes Projekt benötigen .

Vital ist ein vollständig Open-Source-Framework mit allen verfügbaren Code auf GitHub zu prüfen.

Alles wird mit Sass für CSS und Slim für HTML erstellt . Aber das ist nur für die Entwicklung, also wenn Sie Vital für die Produktion verwenden, können Sie einfach das reine CSS direkt exportieren .

Die neuesten Versionen stehen auf der Releaseseite zum Download zur Verfügung und enthalten den CSS-Code sowie benutzerdefinierte Symbolschriften . Außerdem finden Sie auf der GitHub-Seite zahlreiche HTML- und CSS-Demos und einige grundlegende Dokumentationen .

Aber die wirklich guten Sachen finden Sie auf der Komponentenseite . Hier finden Sie alles, was Sie über Vital erhalten, einschließlich Raster, Typografie, Schaltflächen, Loader, Tabellen, Tabs, Formulareingaben und vieles mehr.

Keine dieser Funktionen ist auf JavaScript angewiesen, was ein großer Vorteil ist. Zugegeben, Sie können mehr mit JavaScript machen, aber es ist nett, sich beim Frontend nicht um JS zu kümmern.

Sie können jedes Element auf der Komponentenseite neu erstellen, indem Sie nur eine CSS-Klasse verwenden . Diese Klassen können etwas automatisiert werden, wenn Sie Slim verwenden, daher gibt es einen leichten Vorteil für Sass / Slim Benutzer.

Aber Vital kann gut für jeden Entwickler mit etwas HTML / CSS Erfahrung funktionieren. Es ist ein völlig freier Rahmen und es ist viel leichter als die Alternativen.

Um mehr zu erfahren, besuchen Sie die Vital-Homepage oder lesen Sie in diesem Artikel, der von Vital-Entwicklern geschrieben wurde, warum sie das Framework und die Probleme, die es lösen soll, erstellt haben .

10 CSS-Bibliotheken für bessere Bild-Hover-Effekte

10 CSS-Bibliotheken für bessere Bild-Hover-Effekte

Es ist ein wichtiger Teil des UX-Designs, dass Nutzer einfach und klar erkennen können, welcher Teil der Webseite anklickbar ist. Die alte aber goldene Art, dies zu tun, war, die Textfarbe zu ändern und zu unterstreichen. Heutzutage gibt es mit CSS viele Möglichkeiten, Hover-Effekte, insbesondere für Bilder, zu liefern.Ent

(Tech- und Design-Tipps)

Bringen Sie Ihren Kindern bei, mit Tynker zu codieren

Bringen Sie Ihren Kindern bei, mit Tynker zu codieren

Mit der Technologie, die heutzutage so vorherrschend ist, und mit den neuen Programmiersprachen, die jeden zweiten Tag auf den Markt kommen, überrascht es nicht, dass einige Eltern darauf aus sind, dass ihre Kinder schon früh mit dem Programmieren beginnen .Die Leute bei Apple sind sich wohl bewusst, dass Programmierer in dieser technologiegetriebenen Welt von entscheidender Bedeutung sind.

(Tech- und Design-Tipps)