Die besten Firefox Addons für Webdesigner/Programmierer

Ich vermute mal über 70% der Webdesigner und Programmierer nutzen den  Firefox als Standardbrowser und wahrscheinlich auch deren Add-Ons. Gerade als Webdeveloper gibt es im Firefox einige sehr gute und arbeitserleichternde Add-Ons. Ich stelle euch zunächst alle meine verwendeten Top 10 Addons vor. Alle sind Firefox 3.0 Kompatibel!

Die besten Addons für Webdeveloper Top 10

1. Platz: Webdeveloper Toolbar

Webdeveloper ist das Must-Have für einen Webdesigner/Programmierer. Es ist faszinierend und erstaunlich zugleich, was Web Developer alles kann. Für alle Funktionen würde noch nichtmal ein eigener Artikel hier genügen. Es ist möglich die Cookies anzusehen, per Mausklick herauszubekommen, welcher Div-Container welche CSS-Anweisung hinter was für einem Bild/text usw sich verbirgt. No-fellow Links erkennen lassen, keine Hintergrundbilder anzeigen lassen usw. Wer dieses FireFox-Addon als Developer nicht drin hat der sollte sich schämen!

---

2. Platz: Colorzilla

Mit Colorzilla habe ich schon einige Zeit gespart. Früher habe ich immer schnell einen Screenshot gemacht, Photoshop die Pinzette genommen um zu schauen, aha welcher Farbcode steckt dahinter. Mit Colozilla kannst du nun mit einem Klick direkt den Farbcode in verschiedenen Ausführungen sehen und kopieren. Genial grade für Webdesigner!

---

3. Platz: Firebug

Firebug gehört neben Web Developer zu den Must-Haves für Programmierer. Man kann den CSS-Code ansehen, Live Änderungen an den einzelnen Codes vornehmen und diese sofort ansehen. Hilfreich sind auch die Abmessungen im CSS und Browser die Firebug per Grafik darstellen kann.

---

4. Platz: Html Validator

Der Html Validator ist für “ValidFreaks” für mich ein Firefox Plugin, auf das ich nicht verzichten möchte. Ich kann schnell und einfach sehen ob die Seite xhtml valide ist und was ich noch verändern muss. Einfach Klasse.

---

5.Platz:  IE Tabs

IE Tabs erlaubt es dir die Seite per Rechtsklick in einem neuen Tab zu öffnen. Einem Internet Explorer Tab, der die Seite darstellt als ob es der IE wäre. Super um zu sehen, wie die Seite im IE aussieht. Grade fürs CSS ist es genial, sich den Weg zu sparen.

---

6. Platz: Searchstatus

Eines der ältesten Plugins was ich verwende. Aufmerksam wurde ich auf dieses Plugin durch Ulf-Theis. Es zeigt dir den Pagerank und den Alexa-Traffic Rank ein und erlaubt dir weitere Sachen anzuschauen wie “Traffic-Details” oder auch “Google-Trends”. Nett für den kleinen Überblick über die Seite und hilfreich um den AlexaRank nach oben zu schrauben.

---

7. Platz: Fireshot

Fireshot macht dir schnell und unkompliziert Screenshots. Wenn du eine komplette Website “abfotografieren” (was sagt man? screenshoten? ) willst, einfach abspeichern mit dem kleinen Save Symbold und Fertig. Du kannst die komplette Webseite “screenshoten”(also nicht nur den sichtbaren Bereich, einfach alles) oder einen ausgewählten Bereich. Einfach, unkompliziert und schnell. Nicht mehr über die “Drucktaste” dann in Paint, Gimp, Photoshop… zurechtschneiden… Nein einfach über Fireshot einmal klicken, Speicherbereich suchen und fertig!

---

8. Platz: Font Finder

Der Font Finder hält das was sein Name verspricht. Er zeigt dir an, welche Schriftart, welcher Font in der gerade markierten Schrift verwendet wird und welcher CSS-Style noch eine Rolle spricht. Simpel, einfach und gut um schnell Schriftarten herauszubekommen.

---

9. Platz: Extendet Statusbar

Die Extendet Statusbar zeigt dir an, wieviele Bilder pro Seite geladen wurden, wieviel kb dies verbraucht hat, wie hoch der Speed war und wielange der Server für die Antwort gebraucht hatte. Eher ein nettes Gimmick, als sinnvolle Applikation, aber für manchen Programmierer kann es von vorteil sein zu wissen, wielange und wieviel kb geladen werden.

---

10. Platz: Read it later

Ein grade für Blogger unverzichbares Firefox-Plugin. Wer kennt das nicht “Ach ich wollte doch noch den Artikel lesen, was war das nochmal, ach wo war der nochmal…?”. Ich kenne es zuhauf (hoffentlich bin ich nicht der einzige der so dement ist =)) und daher ist dieses Add-On unverzichtbar für mich. Einfach per Rechtsklick die Links markieren, sie sind dann in einer Liste die man wieder abarbeiten kann und kein Link, kein Artikel ist mehr vergessen. Ich will darauf nicht mehr verzichten. Hinweis zur Installation zum Readitlater Addon, da diese nicht der normalen Installation von Addons entspricht:

1. Obigen link besuchen dort auf “Install” klicken.
2. Datei herunterladen und dann mit dem Firefox öffnen. (Falls dies im ersten Moment nicht geht, readitlater Datei mit Rechtsklick, “Öffnen mit”, “Programme aus einer Liste” auswählen dort Firefox)
3. Nun öffnet sich der Firefox, 3 Sekunden warten und dann auf installieren Klicken.
4. Das wars (hoffentlich). Viel Spaß mit dem Read it later Plugin.

---

Ich hoffe ich konnte euch vielleicht noch einige neue nützliche Plugins/Addons zeigen. Es wird auch noch ein zweiter Artikel mit weiteren Addons im Laufe der Tage folgen. Du hast auch noch ein Super-Addon für den Firefox?
Teile es mir bitte per Kommentar/Mail mit!

Update:
Weitere nützliche Firefox Addons könnt ihr in Prinzess ausgerufener Blogparade Firefox Addons finden.