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.

10 URLs, um herauszufinden, was Google über Sie weiß

10 URLs, um herauszufinden, was Google über Sie weiß

Google ist viel mehr als nur ein Suchgigant. Es ist auch die Heimat vieler Ihrer Lieblingsprodukte: Google Mail, YouTube und Chrome, um nur einige zu nennen. Abgesehen davon, bietet es auch viele Produkte, die Ihnen helfen , Ihre Daten zu verfolgen . Die meisten davon sind tief im My Account-Dashboard versteckt, von dem viele Benutzer nicht wirklich wissen

(Tech- und Design-Tipps)

Rough.js macht handgezeichnete Grafiken mit Canvas & SVG

Rough.js macht handgezeichnete Grafiken mit Canvas & SVG

Es ist erstaunlich zu sehen, wie weit das Web mit dynamischen Elementen wie In-Browser-SVGs gekommen ist . Sie können alles von benutzerdefinierten Animationen zu HTML5-Spielen mit den richtigen Bibliotheken gestalten.Eine der neuesten Bibliotheken, die es zu testen lohnt, ist Rough.js . Es ist ein kostenloses Skript zur Grafikgenerierung, das sich derzeit in der Betaversion befindet und auf Canvas- und SVG-Elementen funktioniert .

(Tech- und Design-Tipps)