10 fortgeschrittene Tipps zur Web Developer Toolbar
In der Top 5 meiner Firefox Add-ons ist sie auf Platz 1, die meisten Webentwickler wollen sie gar nicht mehr missen – ganz klar, es handelt sich um die Web Developer Toolbar. Natürlich ist sich ein jeder bewusst, wie nützlich und umfangreich das Add-on ist. Doch kennt man wirklich jede kleine Funktion? Im Smiley Cat Web Design Blog sind zehn Funktionen zusammengefasst, die vielleicht nicht jeder Benutzer kennt und doch von großem Nutzen sind.
Für die nicht englischsprachigen Leser habe ich ein paar Punkte des Artikels „10 Things You May Not Know About the Web Developer Toolbar“ in deutscher Sprache zusammengefasst:
- Hilfslinien einblenden (Verschiedenes) – fügt beliebig viele Hilfslinien ein, mit denen schnell die richtige Ausrichtung verschiedener Elemente geprüft werden kann.
- Grafikinformationen anzeigen (Grafiken) – listet alle Bilder einer Webseite auf und verschafft einen umfassenden Überblick
- Farbinformationen anzeigen (Informationen) – zeigt in einem neuen Tab alle verwendeten CSS-Farben auf.
- Elementinformationen einblenden (Informationen) – ausführliche Informationen zu ausgewählten Elementen werden eingeblendet.
- Für kleine Bildschirme anzeigen (Verschiedenes) – simuliert die Ausgabe für kleine Bildschirme, wie sie beispielsweise auf Handys, PDAs und so weiter angezeigt wird.
- Alle Links als nicht besucht markieren (Verschiedenes > Besuchte Links) – z.B. nützlich, wenn ein Screenshot mit unmarkierten Links gemacht werden soll.
Wow, die letzte Funktion kannte ich wirklich noch nicht, die dritte (Farbinfos) finde ich besonders Interessant um zu sehen, ob man am Farbkonzept festgehalten hat.
Hilfslinien brauche ich fast nie, da bei meinen Designs fast alles mit bloßen Auge erkennbar wäre, wenn sich was verschiebt.
@ Benedict: Bei komplexeren Seiten sind Hilfslinien vielleicht mal ganz nützlich um wirklich pixelgenau zu arbeiten. Ansonsten stimm ich dir zu – das geschulte Auge sieht sowas sofort ;-)