Die besten Firefox Addon's für Webdesigner

15. Februar 2009, Felix Nagel in Webentwicklung

  • Firefox Logo

    © Mozilla Foundation, Wikipedia

Firefox lässt sich einfach und schnell mit vielen Funktionen erweitern. Gerade als Webdesigner, Frontender oder Developer braucht man davon eigentlich einen ganzen Satz. Hier meine Lieblinge. Egal ob es darum geht Wireframes zu zeichnen, per FTP Daten zu übertragen, Flash Versionen zu testen, Testing, Barrierefreiheit oder einen anderen Browser aufrufen. Alles lässt sich schneller und praktischer machen...

Kommentare und Ergänzungen sind mehr als erwünscht!

Testing

Barrierefreiheit

Colour Contrast Analyser 1.1
juicystudio.com
Firefox 0.7 - 3.0.*
Prüft den Farbkontrast von Elementen im DOM. 

 

Fangs 1.0.4
www.standards-schmandards.com/fangs
Firefox 1.0 - 3.0+
Rendert eine Textversion der Webseite ähnlich dem Verhalten eines Screen Readers.

 

Technik

IE Tab 1.5.20090207
https://addons.mozilla.org/firefox/addon/1419
Firefox 3.0 - 3.2a1pre
Wahlweise die Browser-Engine des Internet Explorers benutzen

 

OperaView 0.6.1
operaview.mozdev.org
Firefox 1.0 - 3.1b3pre
Ermöglicht es, Seiten per Kontextmenü in Opera zu öffnen. Ähnlich IE TAB.

 

Flash Switcher 2.0.2
www.sephiroth.it
Firefox 3.0b5 - 3.9
Flash deinstallieren bzw. eine andere Version installieren - mit nur einem Klick (startet FF neu).

Tools

FireFTP 1.0.2
fireftp.mozdev.org
Firefox 3.0 - 3.0.*
Ein integrierter FTP-Client für Mozilla Firefox. Zuverlässig und mit allen wichtigen Funktionen.

 

Pencil 1.0.4
www.evolus.vn/Pencil/
Firefox 3.0b3 - 3.0.*
Wireframes schnell und gut - in deinem Firefox!

 

RefControl 0.8.11
www.stardrifter.org/refcontrol/
Firefox 1.0 - 3.1b2
Für jeden Seite den HTTP Referer kontrollieren.

 

TYPO3 Workbench 0.6
https://addons.mozilla.org/de/firefox/addon/5528
Firefox 3.0 - 3.0.*
Nützliche Funktionen rund um die Arbeit mit TYPO3. Extension Suche, auto Login, Projektübersicht (per Bookmark Ordner oder Tag), TSconfig, TSref

 

Web Developer 1.1.6
chrispederick.com/work/web-developer/
Firefox 1.0 - 3.0.*
Auch absolut unverzichtbar, eine schier unglaubliche Menge an nützlichen Funktionen - alles sofort erreichbar.

 

FireBug und mehr

Firebug 1.3.3b1
getfirebug.com/releases/firebug/1.3/ <- die letzte public Beta, eigentlich immer die beste Wahl
Firefox 1.5 - 3.9
Zu FireBug muss man kein Wort mehr verlieren - ohne geht halt nicht.

 

FireScope 1.0.1
tools.sitepoint.com/firescope
Firefox 2.0 - 3.0.*
Erweitert FireBug um eine HTML Referenz (inklusive ist valide, ist buggy in ...) zum ausgewähltem Element. Auch zum schnellen Nachschlagen sehr praktisch.

 

YSlow 0.9.5b2
developer.yahoo.com/yslow
Firefox 1.5 - 3.0.*
Yahoos's Performance Tool - zur Analyse und Verbesserung.

 

Sicherheit

SQL Inject Me 0.4.0
https://addons.mozilla.org/de/firefox/addon/7597
Firefox 2.0.0.8 - 3.0.*
Tool zum automatisiertem Fahren von SQL Injections - auf jeden Fall Anleitung beachten. Kein Spielzeug!

XSS Me 0.4.0
https://addons.mozilla.org/de/firefox/addon/7598
Firefox 2.0.0.8 - 3.0.*
Tool zum automatisiertem Fahren von XSS - auf jeden Fall Anleitung beachten. Kein Spielzeug!

Die Kommentarfunktion ist für diesen Artikel deaktiviert.

1 Kommentare

ff-webdesigner

19. Juli 2010

FireBug

Firebug ist wirklich mit Abstand das wichtigste Tool für die Analyse der CSS-Struktur eines HTML-Dokuments. Großs dynamische Seiten wie Blogs oder CMS lassen sich damit deutlich schneller Stylen.