KS Webdesign – Der Blog

Für Webworker ist Firefox ja praktisch schon der Standardbrowser geworden, nicht zuletzt wegen der vielen nützlichen Plugins, die einem die Arbeit erleichtern.

Deshalb stelle ich hier kurz meine 10 Lieblings-Addons für den Firefox vor:

Firebug

Unverzichtbar um Webseiten zu analysieren, Änderungen einzugeben und die Auswirkungen direkt live im Browser sehen.

Damit ihr euch in das Tool einarbeiten könnt gibts hier einen Link zu einem deutschsprachigen Tutorial und noch einen zu englischen Erläuterungen nebst Downloadmöglichkeit.

Web Developer

Die Möglichkeiten des Webdeveloper sind fast unübersehbar. Man kann Bilder, Java, Javascript deaktivieren, CSS anzeigen und bearbeiten, den Antwort-Header anzeigen lassen, alles mögliche validieren, usw. usw.. Im Grunde ebenso unverzichtbar wie Firebug.

HTML Validator

Fehler in anderen Webseiten oder dem eigenen Geschreibsel einfach unten rechts im Browser anzeigen lassen. Dort nistet sich der HTML-Validator nämlich ein. Je nach Status erscheint dort ein weißer Haken im grünen Kreis (kein Fehler), ein gelbes Warndreieck (Warnungen und unkritische Fehler) oder ein weißes Kreuz in rotem kreis (kritische HTML-Fehler).

Ein kurzer Doppelklick darauf gibt Details inkl. Quelltext preis.

HTML-Tidy sollte der Algorithmus eurer Wahl sein, wenn der Validator konfiguriert wird.

Color Zilla

Ihr würdet gerne den Hexcode einer Farbe wissen, die euch im Web vor die Füße fällt?

Mit Color Zilla kein Problem. Nach dem Installieren nistet das Addon sich als Pipette im Kästchen unten links im Browser ein. Mit Rechtsklick dorthin kommt ihr an die Optionen. Ein Linksklick und noch ein zweiter auf die Fläche dessen Farbcode euch interessiert und schon wird derselbe sowohl als RGB- und als -Hexcode rechts neben dem Color-Zilla-Kästchen angezeigt.

Search Status

Ein nützliches Addon, was euch u.a. den Goggle Page Rank und den Alexa Rank jeder Webseite anzeigt auf der ihr gerade seid.

Bei mir ist es ganz oben links im Browser, sogar noch links von Datei. Ein Rechtsklick auf das Search Status Symbol offenbart euch noch eine Reihe weiterer Möglichkeiten, z.B. No-Follow-Links highlighten, Metatags anzeigen, Whois (Wem gehört die Domain?) anzeigen, die Keywort-Dichte für bestimmte Schlüsselwörter anzeigen, usw..

WordPress Helper

Wenn ihr einen oder mehrere WordPress-Blogs betreibt, könnt ihr mit diesem Addon schnell mal ins Backend/Frontend der jeweiligen Blogs jumpen. Es nistet sich rechts unten im Browser ein. Ein Klick auf das Symbol gibt euch Zugang zu seinen Möglichkeiten

Fire Shot

Wenn ihr schnell mal einen Screenshot braucht, ist Fireshot ein nützliches Addon.

CSS Validator

Ein Rechtsklick ins Browserfenster einer beliebigen Website eröffnet euch die Möglichkeit das CSS beim CSS-Validator des W3C zu validieren.

Adblock Plus

Werbung ade! Praktisch ein Muss, wenn einen die Werbung auf Webseiten nervt.

Unter Einstellungen – Filter – Filter-Abonnement hinzufügen sind die Filter Easy List Germany, Easy List USA und der Filter von Dr. Evil zu empfehlen.

Wörterbuch EN/DE

Wenn man z.B. ein einzelnes Wort vom Deutschen ins englische oder umgekehrt übersetzen will ist das Addon ganz praktisch. Wort markieren Rechtsklick drauf und den entsprechenden Punkt wählen.