Firefox Add-Ons für Webdesign

Add-Ons von Firefox können einem Webdesigner das Leben extrem erleichtern. Hier eine Auswahl unserer fünf Favoriten.

Add-On 1: MeasureIt

Mit der MeasureIt-Erweiterung von Firefox lässt sich jede beliebige Website im Browser ausmessen. Es empfiehlt sich, das Add-On unter Ansicht / Symbolleiste / Anpassen per Drag and Drop in die Leiste unten oder oben zu ziehen. Per Mausklick auf das Symbol kann dann das Werkzeug verwendet werden.

Hier der Link zu MeasureIt.

Add-On 2: ColorZilla

Mit dieser Erweiterung kann ganz schnell herausgefunden werden, welche Farben auf einer Webseite verwendet worden sind. Einfach mit der Pipette (oben rechts im Browser) die gewünschte Farbe anklicken und schon hat man die gewünschte Farbe. Per Doppelklick auf das Pipetten-Symbol kann die Farbe dann in jedes andere Programm kopiert oder in einer Farbpalette abgespeichert werden.

Hier der Link zu ColorZilla.

Add-On 3: FontFinder

Mit dem Fontfinder kann man verwendete Schriften im World Wide Web analysieren. Einfach den FontFinder-Button rechts unten in der Seitenleiste drücken (wird gelb bei Aktivierung), den gewünschten Text markieren, rechte Maustaste drücken. Et voilà: Der CSS-Stil für den markierten Text wird angezeigt. Das Add-On ist ungemein nützlich, wenn man herausfinden will, welche Schriftart und Grösse auf einer Website verwendet wurde.

Hier der Link zu FontFinder.

Add-On 4: ClearCache

Kopieren von Grafiken braucht Cache – Arbeitsspeicher. Damit dieser nicht überfordert ist, lohnt es sich mit ClearCache den Arbeitsspeicher immer mal wieder zu entleeren. Zusätzlich kann es vorkommen, dass einzelne Bilder in der Zwischenablage hängen bleiben. ClearCache beseitigt dieses Problem. Auch dieses Add-On über Ansicht / Symbolleiste / Anpassen in die untere Leiste einfügen. Mit einem Klick ist der Cache leer.

Hier der Link zu ClearCache.

Add-On 5: Firebug

Firebug ist das Must-have der Add-Ons für Webentwickler. Mit dieser Erweiterung können ganz einfach HTML-, CSS- und JavaScript-Elemente angezeigt, überprüft und temporär editiert werden. Bevor man also Änderungen am eigentlichen Code macht, können die gewünschten Änderungen mit dem Firebug in Echtzeit verfolgt werden.

Hier der Link zu Firebug.

Hinweis: Die Add-Ons wurden mit dem Betriebssystem Mac OS X getestet. Bei Windows und Linux kann die Handhabung der Add-Ons anders sein, als hier beschrieben.