CSS aufräumen

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Cascading Style Sheets sollen im Grunde den Stil einer Webseite vom Inhalt trennen. Das ergibt Sinn aus Gründen der Kontrolle, aber auch aus Gründen der allgemeinen Code-Schönheit. Nur ein bisschen Stöbern im CSS Zen Garden oder einige der großartigen Artikel über CSS-Design von Smashing Magazine und Sie können sehen, was für schöne Dinge CSS tun kann.

Wenn die Ergebnisse von CSS so schön sind, sollte CSS selbst auch schön sein? Den Code schön zu halten, ist nur eine Frage von konsistentem Tabulieren, Abstand und Syntax. Sie können das im laufenden Betrieb beibehalten, aber das verlangsamt Sie nur, wenn Sie nur einen schnellen Fix einfügen oder herumspielen wollen. Glücklicherweise gibt es einige großartige Werkzeuge, die Ihren CSS für Sie aufräumen.

Tabifier
Funktioniert sowohl für HTML als auch für CSS. Tabifier ist denkbar einfach: Sie fügen einfach das CSS ein, klicken auf den Tabify-Button und kopieren Ihren Code zurück.

Pretty Printer
Pretty Printer ist ein funktionsreicheres Beautifier, das für PHP, Java, C++, C, Perl, JavaScript und CSS funktioniert. Es gibt eine Reihe von Optionen dafür, wann neue Zeilenumbrüche hinzugefügt werden sollen und wann nicht. Funktioniert ziemlich gut. Ein Problem ist, dass der Ausgabecode nicht in einem eigenen Feld angezeigt wird, sodass Sie nicht einfach Alles auswählen können, um ihn auf einmal zu greifen.

Format CSS Online
Weiterer funktionsreicher Beautifier exklusiv für CSS. Bietet die Möglichkeit, als Datei auszugeben, sodass Sie sich überhaupt nicht um das Kopieren und Einfügen kümmern müssen.