Webデザイナーなら入れておきたいFirefoxアドオン10選

最近、IEの挙動のおかしさに耐えきれなくなってSleipnirからFirefoxに切り替えたんですが、やっぱりアドオンの豊富さという点でFirefoxは凄く良いですよね。

で、つらつらとアドオンを紹介している記事を探していたところ、Webデザイナーが入れておくべきアドオンというのがありました。
アドオンを見ている限りはデザイナーだけじゃなくて、開発系の人も使えるアドオンって感じなんですけど。

Photo:Firefox Crop Circle By:Andrew*Photo:Firefox Crop Circle By Andrew*

開発系アドオン

Firebug + Firecookie + Codeburner

Firebugはかなりポピュラーなアドオンですよね。

これにCookieの名前や値などをモニタできるFirecookieと、HTML要素リファレンス、HTML属性リファレンス、CSSプロパティリファレンス、サンプルコード、Webブラウザ対応情報などをFirebugに付加してくれるCodeburnerを組み合わせると便利なんだそうな。

Firebug :: Add-ons for Firefox 
Firecookie :: Add-ons for Firefox 
CodeBurner for Firebug :: Add-ons for Firefox 

Web Developer Toolbar

これも結構当たり前のものとして使われてるんじゃないでしょうか。僕も以前から使ってます。

日本語にローカライズされたバージョンも配布されているので、英語苦手という人はそちらをダウンロードして使うといいかも。

Web Developer :: Add-ons for Firefox 
Webdeveloperのダウンロード:ミナトラボ 

デザイン系アドオン

Measure it

Webページのどんな要素でも縦横のサイズが計測できるアドオン。
正確な計測をするというよりはざっくりした計測って感じですが。

つか、このアドオンはWeb制作に無関係な人にとっては何の役にも立たないこと間違いなしだと思います。

MeasureIt :: Add-ons for Firefox 

Colorzilla

これは地味に便利なんですよねー。

カラーピッカーとか色関係のアレコレを導入できます。
単純にこの色いいなーって時にカラーコードを知ることが出来るのは便利。Sleipnirにも同じような機能を持ったアドオンがありますね。

ColorZilla :: Add-ons for Firefox 

CSS Viewer

これは使ってませんでした。
CSSプロパティの一覧を作成できるアドオンです。

入れてみたら劇的に便利すぎて驚きましたよ。Firebugにも同様の機能は備わっていますが、こっちの方が圧倒的に解りやすい並びになっていると思います。

CSSViewer :: Add-ons for Firefox 

Screengrab

もうね、コレがないと困っちゃうっていうくらい以前から常用してるアドオン。

要はスクリーンキャプチャが出来るわけですけどホント便利。
デザイナーとか開発者とか関係なく入れておいた方が良いと思います。

Screengrab :: Add-ons for Firefox 

Gridfox

表示しているページにグリッドを重ねて表示出来るアドオンです。
グリッドの幅、間隔、数、色などのカスタマイズが可能。

所謂グリッドデザインをする時にはとても役に立つんでしょうけど、普段必要かと言われると全く以て必要ないです。

GridFox :: Add-ons for Firefox 

Firefox Accessibility Extension

閲覧しているページのアクセシビリティを検証できるアドオンです。
Webデザイナーではない人からしてみたら、なんのこっちゃか解らんアドオンであることは間違いありません。

個人的にはある意味とてつもなくお節介なアドオンだと思っています。

Accessibility Evaluation Toolbar :: Add-ons for Firefox 

User Agent Switcher

これも定番じゃないですかね?
僕の場合はケータイの表示をブラウザからチェックする場合に必要としているアドオン。モバイル向けだったらFireMobileSimulatorの方がオススメ。僕は両方とも入れてますけど。

User Agent Switcher :: Add-ons for Firefox 

PageDiff

これは使ったことなかったんですが、素晴らしく便利ですねー。
差分をブラウザで取れるのがこんなに便利だとは・・・。

使い方も簡単です。コーディングの時にとっても役に立ちますよ。

PageDiff :: Add-ons for Firefox 


いやー普段使っているものもあれば、全然使ったこともないものもあって、Firefoxのアドオンはホント奥深いすな。

モバデビの最新情報をチェック