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


Topcoat - Blitzschnelles CSS-Framework, das Entwickler lieben werden

Wenn Sie ein Frontend-Framework auswählen, betrachten Sie normalerweise zuerst die Ästhetik. Versteh mich nicht falsch, Ästhetik ist wichtig!

Aber die Leistung Ihrer Website ist genauso wichtig für die Benutzerfreundlichkeit wie das Design Ihrer Seite. Für viele Frameworks wie Bootstrap können Sie nur Leistung oder Design auswählen, selten beides.

Decklack ist anders. Es wurde im Hinblick auf Benutzerfreundlichkeit entwickelt und konzentriert sich stark auf die Leistung . In der Tat wurde Topcoat auf Leistung getestet und jede neue Komponente führt Geschwindigkeitsversuche durch, um die schnellste Ladezeit sicherzustellen.

Das Coole an Topcoat ist, dass es sich weder zu leicht noch zu minimalistisch anfühlt.

Sie haben immer noch Zugriff auf eine riesige Bibliothek von Komponenten von Schaltflächen zu Registerkarten, Kontrollkästchen, Formularfelder und An / Aus-Schalter (neben vielen anderen Elementen).

Die Bibliothek wird mit einer CSS- und JS-Datei geliefert, die Sie einfach in Ihre Seite einfügen, um zu arbeiten. Nichts zu komplex und sicherlich nicht komplexer als Twitter Bootstrap.

Zugegeben, die Komponenten-Bibliothek könnte sich kleiner anfühlen als Bootstrap und soll leichter sein. Die Seitenstruktur ist jedoch hervorragend und macht Topcoat zu einem brillianten Rahmen für brandneue Websites, bei denen Geschwindigkeit oberste Priorität hat.

Topcoat verwendet die BEM-Benennungskonventionen, einen von vielen gängigen CSS-Schreibstilen, um Ihren Code zu organisieren. Das kann schwierig zu erlernen sein, wenn Sie das Topcoat-Stylesheet erweitern möchten, aber es wird Ihren Coding-Prozess ziemlich aufräumen.

Auch mit Topcoat erhalten Sie vollen Zugriff auf ihre PSD-Dateien, wenn Sie die Komponenten der Seite bearbeiten oder neu gestalten wollen. Ziemlich cool!

Alles von benutzerdefinierten Stilen bis hin zu benutzerdefinierten Icon-Sets wird mit Topcoat geliefert . Es ist das sauberste Frontend-Framework mit einem klaren Fokus auf Performance.

Um mehr zu erfahren, besuchen Sie die Topcoat-Website und sehen Sie sich das GitHub-Repo an, wo Sie Setup-Anweisungen finden und Links zu den Quelldateien herunterladen können.

Sie können Ihre Gedanken auch mit dem Team auf ihrem Twitter-Account @topcoat teilen.

Surface Studio: Microsofts iMac Killer gibt sein Debüt

Surface Studio: Microsofts iMac Killer gibt sein Debüt

In den letzten Wochen hat sich herumgesprochen, dass Microsoft ein All-in-One vorbereitet, das während der Veranstaltung sein Debüt geben wird. Heute haben wir endlich einen Blick auf das Gerät geworfen, das speziell für Designer und Videokünstler entwickelt wurde. Das Gerät nennt sich Surface Studio, und aus der Sicht der Dinge geht es nach der iMac-Benutzerbasis.Das S

(Tech- und Design-Tipps)

Beste Ressourcen zum Skizzieren von Gitter-basierten Drahtbildern

Beste Ressourcen zum Skizzieren von Gitter-basierten Drahtbildern

Der Prozess der Gestaltung einer Schnittstelle beginnt immer mit der Ideengenerierung . Dies umfasst die Visualisierung, die Recherche auf anderen Websites und Rapid Prototyping. Diese frühe Ideenphase ist entscheidend für das Verständnis des Layouts und der Benutzererfahrung, die Sie erstellen möchten. Wi

(Tech- und Design-Tipps)