CSScomb – Sortieren einer CSS-Datei

Die Übernahme von komplexen Seiten dritter ist kein Spaß, aber leider Alltag. In der Regel sieht dieses Szenario bei mir so aus: irgendein Hobby-Frickler verkauft einer Firma einen Shop / CMS ohne wirklich Ahnung zu haben. Er sortiert dann einige Zeit vor sich rum ohne seine Ziele wirklich zu erreichen. Irgendwann hat der Kunde die Faxen dicke und wechselt zu mir, alleine schon deshalb weil ich so gut wie nie sage „das geht nicht“, sondern in der Regel einen Lösungsansatz finde. Problematisch ist jetzt nur, das ich mit dem generierten Worst-Case-Szenario des Hobby-Programmiers leben muss, ohne das mir der Kunde eine Optimierung zahlen würde (ist ja grad neu, muss funktionieren).

Screenshot von CSScomb

Was an der Stelle hilft ist CSScomb! Simpel ausgedrückt funktioniert das Tool so: man sagt ihm wie eine CSS auszusehen hat, gibt ihm eine verhunzte Datei und es sortiert diese um. Klappt Prima. Das Tool existiert hierbei in einer Online-Version zum schnellen ausprobieren, oder als Plugin für beliebte Texteditoren (Notepad++, Coda, Sublime Text, Textmate, …). Eine Standalone-Version gibt es nicht, ist aber aufgrund der Online-Version auch nicht nötig.

Ein umsortiertes CSS hilft insofern, als das logische Einheiten zusammengefasst werden. Das CSS für Tabellen ist also nicht mehr über die gesamte Datei verstreut. Hat man einmal die Deklarationen für ein bestimmtes Element gefunden, kann man nun davon ausgehen, das auch die restlichen Design-Vorgaben in der Nähe zu finden sind, und sich nicht mehr länger an einem ganz anderen Ende der CSS verstecken.

Ähnliche Beiträge

Lint für CSS Und noch ein Lint! Über das für jQuery habe ich ja bereits berichtet, nun gibt es das Ganze auch für CSS als Webapp mit dem Namen CSS Lint. Frei nach ...
Modernizr – HTML5 und CSS3 mit Fallback Manchmal ist der Teufel ein Eichhörnchen, und scheinbar hat er sich an einem langen Winterabend überlegt, der beste Weg die Menschheit zu quälen wären...
Das Wunder des Live Reloads Ich zeige mich ja selten begeistert von Neuerungen muss ich sagen, ich könnte durchaus noch mit dem Notepad entwickeln wenn ich es wollte. Nach wochen...
Google Font API – @font-face einfach verwenden @font-face ist eine ziemlich nette Sache die einem Cufon und schlimmeres erspart, dummerweise ist @font-face allerdings auch mit einigem Aufwand verbu...

2 Antworten auf „CSScomb – Sortieren einer CSS-Datei“

  1. Pingback: Linkhub – Woche 30-2013

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.