Firefox Plugins 2009

• Mi, 23. September 2009,
• 498 Wörter,
• 4 Kommentare,
• Tags:
• Firefox,
• Web Design

Es ist sehr lange her, dass ich hier mal Fire­fox Plugins notiert habe. Zeit für eine Neu­auf­lage. Fire­fox ist für mich mitt­ler­weile zum puren Ent­wick­ler­brow­ser mutiert, eben dank der Mög­lich­keit die Funk­tio­nen mit zusätz­li­chen Spie­ler­ein fast end­los zu erwei­tern.

Aard­vark

Aard­vark ist mein Werk­zeug ers­ter Wahl, wenn es um ein­fachste Ele­men­t­ana­lyse und Float-Tests geht. Was pas­siert wenn jenes Ele­ment aus dem Float raus fliegt? Kenne kein ande­res Werk­zeug, mit dem sich Ele­mente so ein­fach direkt auf der Seite löschen las­sen.

Color­Zilla

Ein Muss für meine auf­wen­di­ge­ren Arti­kel. Color­Zilla ist eine Kom­bi­na­tion aus Pipette und Farbt­fa­feln. Ermög­licht das Kopie­ren von Farb­wer­ten direkt aus dem Brow­ser­fens­ter. Bie­tet selbst eine Zoom­funk­tion, um pixel­ge­naue Werte zu neh­men und wirk­lich jede wün­schens­werte zusätz­li­che Option.

Fire­bug

Mitt­ler­weile ist Fire­bug klar die Num­mer Eins aller Webentwickler-Tools. Erstaun­lich wie das Arbei­ten ohne Fire­bug frü­her mög­lich war. Hierzu kann man nichts Neues schrei­ben, es ist das mit wei­tem Abstand kom­plet­teste Plu­gin die­ser Art, selbst ohne zusätz­li­che Erwei­te­run­gen.

FireFTP

FireFTP ver­wan­delt Fire­fox in ein extrem ein­fa­ches und somit gutes FPT-Programm. Viele Funk­tion braucht es hier nicht. Erspart das instal­lie­ren auf­ge­bläh­ter sepa­ra­ter Pro­gramme für die ein­fa­chen FTP-Arbeiten.

Fire­Fin­der

Eine Erwei­te­rung für Fire­bug, die das Suchen und Fin­den von Ele­men­ten basie­rend auf CSS-Selektoren. Klingt ein­fach und ist genauso nütz­lich.

Font Fin­der

Font Fin­der kann nur eine win­zige Sache, die aber gut. Es zeigt die CSS-Eigenschaften mar­kier­ter Texte einer Seite. Sehr effek­tiv, wenn man mit vie­len Text­for­ma­ten arbei­ten muss, oder zur Analyse/Inspiration frem­der Arbei­ten.

Grid­fox

Es gibt mitt­ler­weile end­los viele Werk­zeuge ähnli­cher Art. Grid­fox erlaubt das Ein­blen­den von Grund­ras­tern einer Seite. Mir gefällt die Visua­li­sie­rung von Grid­fox bes­ser als bei ande­ren Lösun­gen und es erlaubt selbst unge­wöhn­lichste Ras­ter­grö­ßen.

JSView

JSView ist das neu­este Plu­gin der Kate­go­rie “Wie ging es vor­her nur ohne”. Auch hier wie­der nur eine win­zige aber nütz­li­che Funk­tion. JSView erlaubt ein­fachs­ten Zugriff auf alle Style­s­heets und Javaskripts einer Seite. Klingt viel­leicht unspek­ta­ku­lär, habe ich aber nir­gendwo so zugäng­lich umge­setzt gese­hen wie hier.

Screen­grab

Screen­shots einer Seite sind die Auf­gabe von Screen­grab. Erlaubt das Spei­chern in sepa­rate Datei oder Zwi­schen­ab­lage von Tei­len oder gar einer kom­plet­ten Seite. Schnel­ler bekommt man kei­nen Screen­shot der Seite ins Gra­fik­pro­gramm sei­ner Wahl.

View Depen­den­cies

Eher ein Werk­zeug für die Nische. View Depen­den­cies zeigt im Fens­ter der Sei­ten­in­for­ma­tion alle ver­knüpf­ten Objekte einer Seite an und ord­net sie ihren Funk­tio­nen zu. Ist enorm prak­tisch beim Umgang mit gra­fisch auf­wen­di­gen Sei­ten, um die zu laden­den Daten unter Kon­trolle zu hal­ten. View Depen­den­cies zeigt sehr schnell und ein­fach, was die Seit­nda­ten dann so fett macht.

Web Deve­l­oper

Web Deve­l­oper ist für mich noch immer die Werk­bank, wenn es um CSS geht. Zwar gibt es auch hier mitt­ler­weile fort­ge­schrit­te­nere Lösun­gen, aber Web Deve­l­oper Tool­bar war damals für mich das erste Plu­gin sei­ner Art und ver­rich­tet noch heute sei­nen Dienst.

Zum gleichen Thema

• SiebenWeb Design

• Sieben.5Fundstücke

• Details zum Update - Raster und KopfCSS

• Warum keine linke Navigation? Darum.Fundstücke

• individuelle GrundlagenforschungWeb Design

• "Isn't that gorgeous?" Nö.Fundstücke

• Google WebfontsWeb Design