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


5 Tools zur Überprüfung und Optimierung Ihrer CSS-Codes

Sobald Ihre Website wächst, wird auch Ihr Code wachsen . Wenn Ihr Code erweitert wird, kann es plötzlich schwierig werden, CSS zu verwalten, und Sie können schließlich eine CSS-Regel durch eine andere ersetzen. Dies kompliziert die Dinge und Sie werden wahrscheinlich mit vielen Bugs enden.

Wenn dies bei Ihnen der Fall ist, müssen Sie das CSS Ihrer Website überprüfen . Wenn Sie Ihr CSS auditieren, können Sie Bereiche Ihres CSS identifizieren, die nicht optimiert sind. Sie können die Stylesheet-Dateigröße auch reduzieren, indem Sie Codezeilen entfernen, die die Leistung Ihrer Website verlangsamen.

Hier sind 5 gute Tools, mit denen Sie CSS überprüfen und optimieren können.

1. Typ-O-Matic

Type-o-matic ist ein Firebug-Plugin zur Analyse von Schriften, die auf einer Website verwendet werden. Dieses Plugin gibt einen visuellen Bericht in einer Tabelle aus, der die Schrifteigenschaften wie die Schriftfamilie, die Größe, das Gewicht, die Farbe und die Häufigkeit der Verwendung der Schriftart auf der Webseite enthält. Mithilfe der Berichtstabelle können Sie die Verwendung der Schriftart optimieren, unnötige Elemente entfernen oder Stile kombinieren, die viel zu ähnlich sind.

2. CSS Lint

CSS Lint ist ein Linting- Tool, das die CSS-Syntax basierend auf bestimmten Parametern analysiert, die sich auf Leistung, Zugänglichkeit und Kompatibilität Ihres CSS beziehen. Sie würden mit den Ergebnissen überrascht sein, erwarten Sie viele Warnungen in Ihrem CSS. Diese Fehler helfen Ihnen jedoch, die CSS-Syntax zu korrigieren und effizienter zu machen. Darüber hinaus werden Sie auch ein besserer CSS-Schreiber sein.

3. CSS ColorGuard

CSS ColorGuard ist ein relativ neues Werkzeug. Es ist als Node-Modul aufgebaut und läuft auf allen Plattformen: Windows, OS X und Linux. CSS ColorGuard ist ein Befehlszeilentool, das Sie benachrichtigt, wenn Sie ähnliche Farben in Ihrem Stylesheet verwenden. zB #f3f3f3 ist ziemlich nah an #f4f4f4, also sollten Sie in Betracht ziehen, die beiden zusammenzuführen. CSS ColorGuard ist konfigurierbar, Sie können den Ähnlichkeitsschwellenwert festlegen sowie die Farben festlegen, die das Werkzeug ignorieren soll.

4. CSS Dig

CSS Dig ist ein Python-Skript und arbeitet lokal auf Ihrem Computer. CSS Dig wird eine gründliche Prüfung in Ihrem CSS durchführen. Es liest und kombiniert Eigenschaften, zB werden alle Hintergrundfarben-Deklarationen unterhalb des Hintergrundbereichs angezeigt. Auf diese Weise können Sie auf der Grundlage des Berichts leicht Entscheidungen treffen, wenn Sie versuchen, Ihre CSS-Syntax zu standardisieren, z. B. können Sie Farbe über Stile mit der folgenden Farbdeklaration finden.

 Farbe: #ccc; Farbe: #cccccc; Farbe: #CCC; Farbe: #CCCCCC; 

Diese Farbangaben machen das Gleiche. Sie können auch mit der #ccc oder mit der Hauptstadt #CCC als Standard gehen. CSS Dig kann diese Redundanz auch für andere CSS-Eigenschaften verfügbar machen, und Sie können Ihren Code konsistenter machen.

5. Staub-Ich

Dust-Me ist ein Add-on für Firefox und Opera, das nicht verwendete Selektoren in Ihrem Stylesheet anzeigt. Es greift alle Stylesheets und Selektoren auf, die auf Ihrer Website gefunden werden, und sucht nach den Selektoren, die Sie tatsächlich auf der Webseite verwenden. Dies wird in einem Bericht angezeigt, Sie können dann auf die Schaltfläche "Bereinigen" klicken und die nicht verwendeten Selektoren bereinigen und in einer neuen CSS-Datei speichern.

Sie können diese Tools von der Firefox Addons-Seite oder von der Website des Entwicklers herunterladen. Wenn Sie Opera-Fans sind, können Sie sie von der Opera Extensions Gallery-Seite herunterladen.

10 wenig bekannte, super effektive Tipps, um Ihren WordPress Blog zu sichern

10 wenig bekannte, super effektive Tipps, um Ihren WordPress Blog zu sichern

Einen Blog gehackt zu bekommen und jahrelang jahrelang Blogarbeit über Nacht zu verlieren, ist eine traurige Realität, die Menschen tatsächlich durchgemacht haben. Tatsächlich zeigt die Forschung, dass jeden Tag 37.000 Webseiten gehackt werden, und mit WordPress, das ungefähr 25, 4% aller Websites versorgt, können Sie sicher sein, dass jede Menge WordPress-Blogs jeden Tag gehackt werden.WordP

(Tech- und Design-Tipps)

Diese Wecker-App wird Sie zwingen, wach zu bleiben

Diese Wecker-App wird Sie zwingen, wach zu bleiben

Den Wecker zu schlummern ist etwas, was jeder tut, da es Ihnen erlaubt, ein bisschen mehr Schlaf zu bekommen. Chronische Snoozer neigen jedoch dazu, den Zweck des Weckers überflüssig zu machen.Wenn Sie, wie ich, einen Wecker benötigen, der Sie kreativ weckt und in seiner Funktion eine Art "Heavy Duty" ist, dann sollten Sie vielleicht eine Wecker-App mit dem Namen I Can not Wake Up ausprobieren . A

(Tech- und Design-Tipps)