Webdesigner Top Firefox Extensions

Okay, als erstes, mit Webdesigner meine ich hier nicht die Pixelschieber im Photoshop 😉 Sondern die Jungs und Mädels die tatsächlich mit dem Frontend arbeiten und die grafischen Vorlagen mindestens in HTML/CSS Vorlagen programmieren.

Firefox bietet mit der Möglichkeit beliebige Erweiterungen zu installieren eine unglaublich große Flexibilität in der Anpassung an die Bedürfnisse der User. Und für jeden Webdesigner gibt es wirklich sehr nützliche Tools:

1. Web Developer: die Fülle an Funktionen kann man mit ein paar Zeilen Text gar nicht beschreiben. Von einem Lineal um die Elemente auf der Webseite pixelgenau auszumessen bis zu einer live editierbarkeit des HTML Codes und der CSS Stylsheets bietet diese Extension alles, was ein Webdesigner Herz begehrt. Kleiner Nachteil: eben diese große Funktionsvielfalt macht die Toolbar leider ziemlich unübersichtlich und man muss teilweise länger eine bestimmte Funktion suchen.

2. Colorzilla: nie mehr Screenshots von Webseiten machen oder im HTML Code rumwuseln, um die Farbwerte auszulesen! Mit Colorzilla hat man die gute alte Pipette, mit der man einfach von jedem Element der Webseite die Farbwerte übernehmen kann um sie anschliessend zu kopieren und im Photoshop weiterzuverarbeiten (oder etwas anderes damit zu machen).

3. Scrapbook: meines Erachtens eines der verborgenen Geheimtipps für die Entwicklung der Webseiten! Wie oft hat man eine oder mehrere nette Funktionen auf den fremden Seiten gesehen und möchte man diese so schnelle wie möglich bei sich integrieren. Doch allein das rauskopieren, bzw. speichern der kompletten Webseiten funktioniert nur in den einfachsten Fällen reibungslos. Meistens werden die CSS Stylesheets nicht richtig mitkopiert oder javascripts oder, oder… Scrapbook Extension speichert aber mit einem Klick die gesamte Webseite wunderbar ins Archiv auf die lokale Festplatte – und ermöglicht ein einfaches Erforschen der Programmierung der interessanten Elemente. Wie gesagt, ein absolutes Geheimtipp für jeden Webdesigner!

4. StumbleUpon: eine freie Community bewertet über diese Toolbar andere Webseiten und katalogisiert diese. Durch das häufige Ablegen der gleichen Seiten erhalten sie einen Qualitätsfaktor und so ist es möglich einfach ein Thema auszuwählen (z.B. Grafikdesign, Webdesign oder Fotografie usw.) und nur mit einem Klick richtig loszusurfen. D.h. eigentlich von einem Tipp zum Thema zum anderen zu springen. Ich habe noch nie so viele inspirierende und wunderschöne Webseiten (besonders zum Thema Grafikdesign) innerhalb kürzester Zeit gesehen. Und das Abstimmen findet auf eine denkbar einfachste Art und Weise: auf den Daumen drücken ein paar Tags eingeben, fertig!
Update Mai 2016:
Inzwischen ist aus der Toolbar auch eine tolle Webseite geworden, in der man auch nützlicherweise nicht nur die tollen Designs, sondern auch die dahinter stehenden CSS-Style einsehen kann: www.stumbleupon.com

5. Clear Cache Button: Cache ist ein natürlicher Feind jedes Webdesigners 🙂 Dagegen gibt es diese einfache Lösung, nach der Installation dieser Erweiterung kann man einen Button zum Löschen von Cache aktivieren.