Dass Mozilla Firefox für Webdesigner und-entwickler nahezu unentbehrlich ist, ist ja bekannt. Die Vielzahl nützlicher Add-ons bietet die Möglichkeit, den Browser komplett an die eigenen Bedürfnisse anzupassen. Hier meine Top10-Liste der Firefox-Add-ons für Webentwickler.

Der Font-Finder:
Mal schnell rausfinden, was für eine Schriftart verwendet und gerendert wurde. Font-Size, Letter-Spacing und Font-Stack werden auf Wunsch angezeigt und bietet einen schnellen Überblick. Der Font-Findererscheint in der Status-Bar des Browsers

MeasureIt:
Mit dem Add-on kann man schnell bestimmte Bereiche der Website ausmessen, Spaltenbreiten und Abstände ermitteln. Mehr macht es nicht, aber es tut, was es soll. MeasureIt erscheint in der Status-Bar des Browsers.

ColoPicker:
Der ColorPicker hat viel mehr Funktionen, als man dem Namen nach vermuten möchte. Mit Klick auf das Icon in der Statusleiste wird der ColorPicker aktiviert. In der Statusleiste wird nun die Farbe und das aktuelleElement mit Klasse bzw. ID angezeigt. Farbwerte können automatisch in den Zwisachenspeicher gelegt werden, was zum Abnehmen von Farben aus einer bestehenden Website eine echte Erleichterung ist. Das Add-on ist hoch konfigurierbar und eigentlich einen eigenen Beitrag wert. Einfach mal testen!

ScreenGrab:
Wie der Name schon vermuten lässt, handelt es sich bei ScreenGrab um ein Screenshot-Tool. Man kann hierbei auswählen, ob nur der sichtbare Bereich, die gesamte Seite (wie lang sie auch sein mag) oder ein auswählbarer Bereich gespeichert werden soll. Mann hat ebenfalls die Wahl, ob der Screenshot in die Zwischenablage gelegt oder gleich als Bild abgespeichert werden soll.

FireBug:
Naja, FireBug kann man eigenlich nicht in 3 Sätze zusammenfassen. Es ist DAS Tool für Webentwickler – insbesondere wenn man Fehlern, Problemen auf die Spur kommen möchte. Eine ganz gute Kurzeinführung findet maqn hier: http://www.evotech.net/blog/2007/06/introduction-to-firebug/ (englisch).

Web Developer:
Eine Toolbar mit einer Vielzahl essentieller Tools für die Webentwicklung. Ein paar kurze Funktionen zusammengefasst: Java/JavaScript aktivieren/deaktivieren; Cookies löschen; CSS-Styles deaktivieren, löschen, untersuchen; Fenstergröße anpassen (Viewport-Tests); CSS- und HTML-Validatoren; Untersuchen einzelner Elemente; Hilfslinien … und und und … nicht mehr wegzudenken in meiner Arbeit.

xmarks:
Einfach gesagt: xmarks synchronisiert Lesezeichen und Zugangsdaten der zum xmarks-Account gehörenden (nicht nur Firefox-)Browser. Wem es zu unsicher ist, die Daten auf einem fremden Server zu hosten, kann das auch auf einem eigenen Server tun. Da die wenigsten Webentwickler nur von einem Rechner aus arbeiten, gehört die zuverlässige Synchronisation zu den Grundlagen für flüssiges Arbeiten.

Foxy Seo Tool:
Wahlweise kann das Foxy Seo Tool als Toolbar oder im Kontext-Menü erscheinen. Es liefert zahlreiche Fakten zum Ist-Stand der Website in den großen Suchmaschinen Google, Yahoo und Bing, führt per Direktlink auf die Seiten der Google Webmaster Tools oder auf webbuildpages.com, wo die Schlüsselwortdichte ermittelt werden kann, liefert serversietige Informationen usw. Keine Kann die Arbeit der Suchmaschinenoptimierung nicht ersetzen, gibt aber einen schnellen Überblick – hilfreich in Kundengesprächen.