nicht angemeldet
Hallo,
wer kennt es nicht: Das Projekt ist eilig – drei Screens existieren schon und man soll sofort mit der xhtml/css-Umsetzung beginnen, da das Frontend in einigen Wochen fertig sein soll. Jetzt tröpfeln nach und nach weitere Entwürfe rein und langsam zeigt sich, welche Gestaltungsraster es überhaupt gibt, was Standard und was Ausnahme ist.
Das css hat inzwischen schon weit über tausend Zeilen erreicht und ist schon lange nicht mehr so klar, wie man es anfänglich geplant hat. Das Gestaltungsraster, auf welchem die ersten drei Seiten basierten ist nur eines von vielen, auf einer anderen Seite gibt es zwischen der <h1> und der <h2> doch noch eine Überschriftsebene und die roten Links sind eigentlich doch meistens grün.
Zeit für ein „css-Refactoring“, also einer Umstrukturierung des css-Quellcodes, ohne dass sich die Ergebnisse ändern.
Aber wie?
Jetzt wünscht man sich eine automatische Testsuite, die die Seiten zweier Entwicklungsversionen in allen relevanten Browsern vergleicht und die Unterschiede zeigt, damit man sieht, ob die Codeänderungen nicht doch wieder das Ergebnis in irgendeinem Browser ändern.
Da ich so ein Tool nicht kenne, bleiben mir folgende Möglichkeiten
· Den Code Stückchen für Stückchen aufräumen und jede kleine Änderung in allen Browsern testen.
· Den Code so lassen und mit dem Chaos leben
· Nur noch Projekte annehmen, in denen alle Screens gleichzeitig ausgeliefert werden.
Mit keiner Lösung bin ich wirklich zufrieden und jetzt kommt auch die Frage:
Wie macht Ihr das, wenn die Komplexität des css-Code zu groß geworden ist und Ihr den Code verbessern möchtet?
Gruß
Olaf