View Source Chart – unübersichtlichen Code lesbar machen

View Source Chart – unübersichtlichen Code lesbar machen

Schon öfters hatte ich das Problem, das ich mir einen Code von einer anderen Seite anschauen wollte und dieser war unleserlich und unkennbar gemacht.

Schon mal versucht, einen HTML Source Code einer Google Suchresultatseite zu analysieren? Oder von diversen großen Seiten?
So soll will man verhindern das man Designs nachahmt oder sich dadurch inspierieren lässt. :/

Das kleine Firefox Plugin „View Source Chart“ verschafft Hilfe.

Was erst so aussieht:

2011-05-21_215808-600x502

ergibt damit gut lesbaren Code wie diesen:

2011-05-21_215843-600x452


Strukturierter Code mit „View Source Chart“.

Fazit:
Extrem brauchbar und hilfreich!