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

2009.05.07 2018.12.09

Firefox

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

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

開発系アドオン

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 :: Add-ons for Firefox
Webdeveloperのダウンロード：ミナトラボ

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

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

MeasureIt :: Add-ons for Firefox

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

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

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

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

CSSViewer :: Add-ons for Firefox

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

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

Screengrab :: Add-ons for Firefox

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

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

GridFox :: Add-ons for Firefox

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

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

Accessibility Evaluation Toolbar :: Add-ons for Firefox

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

User Agent Switcher :: Add-ons for Firefox

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

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

PageDiff :: Add-ons for Firefox

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