StyleStats: analysiert CSS

9. Mai 2014 | Von | Kategorie: CSS

StyleStats: Dieses Tool analysiert CSS auf nützliche Informationen wie Farbwerte und Schriftgrößen

Ihr möchtet euch einen schnellen Überblick über die wichtigsten CSS-Informationen einer Website machen? Dann könnte StyleStats das Mittel eurer Wahl sein.

Welche Farben sind auf einer Website definiert? Welche Schriftgrößen und wie viele Media-Queries werden genutzt? Das könntet ihr natürlich alles in dem Stylesheet selbst nachschauen – einfacher geht es aber mit StyleStats.

StyleStats: Alle Informationen zu Schriftgrößen und Farben

StyleStats ist eine Node.js-Bibliothek um CSS-Statistiken zu sammeln und anzuzeigen. Ihr könnt das Tool entweder selbst installieren oder auf StyleStats.org vorbeischauen. Nun habt ihr die Wahl, entweder direkt eine URI einzugeben, eine CSS-Datei hochzuladen oder den Code direkt einzugeben. Anschließend könnt ihr euch die Statistiken des CSS ausgeben lassen. Direkt anzumerken ist, dass das Tool mit einigen Seiten bereits im Test Probleme hatte – wie etwa t3n.de und golem.de. Vielleicht ist hier die Datei-Größe das Problem – auch bei einer eigenen Installation kommt es zu einem Fehler.

 

Ein Teil der 42 Farbwerte von heise.de. (Screenshot: StyleStats) Ein Teil der 42 Farbwerte von heise.de. (Screenshot: StyleStats)

Wenn ihr die Website dann analysiert habt, stehen euch eine Vielzahl an Informationen zur Verfügung: Das beginnt bei der Anzahl der Stylesheets und endet bei der Zahl der Media-Queries. Vielleicht am interessantesten sind die Farbwerte, die auf der Website genutzt werden, an die ihr mit Stylestats sehr schnell herankommen könnt..

via StyleStats: Dieses Tool analysiert CSS auf nützliche Informationen wie Farbwerte und Schriftgrößen » t3n.

Keine Kommentare möglich.