ich suche ein Tool, welches ein komplette Webseite mit allen möglichen Unterseiten durchsucht und dabei alle ids und classes ausliest.
Mit dem Ergebnis dann alle benutzten css Dateien durchforstet und die nicht benötigten css eigenschaften, classes bzw. ids mir dann ausgibt, welche Zeile diese sind und in welcher Datei. Eventuell auch Überdeckungen.
Gibt es ein solches Programm vielleicht schon? Oder hat wer so etwas in Perl schon einmal erstellt?
Hab das add-on jetzt mal getestet, und es beachtet leider nur die benutzten klassen und ids auf der im Moment angezeigten Seite...
Wäre schon weit aus hilfreicher wenn die Unterseiten auch mit einbezogen werden.
Aber damit komm ich auch ein Schrittchen weiter. Danke für den Tipp!
Gruß
+4 replies
GwenDragon
2013-06-21 15:23
User since 2005-01-17
14837
Artikel Admin1
Ich sag's ungern, aber aus der Praxis heraus: vorher nachdenken in welcher Abfolge du Ids, Klassen und Selektoren erstellst, wie du die optimieren kannst.
Attribute und Anweisungen in eine "schichten". Es gibt CSS-Definitionen, die kannst du in eine schreiben.
ich weiß ja nicht wie firm du da bist. ;)
Ja, aber wenn es doch etwas mehr wird, verliert man schnell die Übersicht, vor allem wenn dann 4 Wochen bei der Entwicklung pausiert.
Danke ich schaus mir mal an.
Gruß
+2 replies
GwenDragon
2013-06-21 15:54
User since 2005-01-17
14837
Artikel Admin1
Ja, bei größeren Projekten und Pause wird's manchmal etwas haarig. Geht mir auch so. :)
Was willst du denn genau erreichen beim "Eindampfen" des CSS? Dateigröße des Stylesheet verringern, schnelleres Rendern auf diversen Geräten, oder warum?
Beim Entwickeln von einem Projekt ist mir aufgefallen, dass ich da ein oder zwei Klassen eigentlich entfernen könnte, und da hab ich mich gefragt ob es nicht so ein kleines Tool schon gibt welches den "toten" CSS Code erkennt.
Viel wird es, denke ich, nicht sein und einen großen Performence-Schub wird es dadurch auch nicht geben, aber analysieren würde ich schon gern :)
+3 replies
bianca
2013-06-21 18:16
User since 2009-09-13
7016
Artikel BenutzerIn
Gibt es nicht auch Editoren, die das mit überwachen? Ich weiß gerade keinen aber ich kenne auch nur UltraEdit und Notepad++. Und bei beiden nutze ich nur die rudimentären Funktionen.
Professionelle Editoren für große Projekte müssten das doch können, oder?
10 print "Hallo"
20 goto 10
Gustl
2013-06-21 18:29
User since 2011-01-27
443
Artikel BenutzerIn
Kann sein, aber dann auch nur in der Form wie das Add-on Dust-Me Selectors fürm Firefox. Also die Unterseiten nicht mit eingebunden.
GwenDragon
2013-06-21 18:29
User since 2005-01-17
14837
Artikel Admin1
Ob bestimmte Styles verwendet werden, kann kein Editor überwachen.
Denn es gibt die Vererbung und Überschreibung von Regeln bei CSS.
Das kann nur ein Browser leisten.
Vielleicht wäre das insgesamt mal eine gute Idee, solch ein Tool als Onlinedienst oder Perlmodul anzubieten. Denn eigentlich braucht das jeder Webdesigner irgendwann mal.
Problematisch wird es nur bei Projekten, die vollständig dynamisch sind und keine statischen HTML Seiten besitzen.
10 print "Hallo"
20 goto 10
GwenDragon
2013-06-22 10:18
User since 2005-01-17
14837
Artikel Admin1
Komm schon, wo im HTML irgendwelches CSS drin ist, das kann ack oder grep auch.
Jemand zu Hause?![[twitter]](/battie/theme/default/icons/twitter.gif){kind=icon}
+13 replies![[Homepage]](/battie/theme/default/homepage.gif)
Schrift
Tipp zum Debugging
Blog
Einstellungen![[feed]](/battie/theme/default/icons/feed.png){kind=icon}
![[Powered by Battie]](/battie/img/powered.png)
