Webデザイナーが入れるべきFirefoxアドオン10選

Index » Hacks » Webデザイナーが入れるべきFirefoxアドオン10選

200905

07

Thu

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

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

(1)Firebug + Firecookie + Codeburner
Firebugはかなりポピュラーなアドオンですよね。これにCookieの名前や値などをモニタできるFirecookieと、HTML要素リファレンス、HTML属性リファレンス、CSSプロパティリファレンス、サンプルコード、Webブラウザ対応情報などをFirebugに付加してくれるCodeburnerを組み合わせると便利なんだそうな。ディレクターには縁遠いですね。。
» Firebug :: Firefox Add-ons

» Firecookie :: Firefox Add-ons

» CodeBurner for Firebug :: Firefox Add-ons

(2)Web Developer Toolbar
これも結構当たり前のものとして使われてるんじゃないでしょうか。僕も以前から使ってます。
日本語にローカライズされたバージョンも配布されてますよね。
» Web Developer :: Firefox Add-ons

» Webdeveloperのダウンロード：ミナトラボ

(3)Measure it
Webページのどんなものでも縦横のサイズが計測できるアドオンです。正確な計測をするというよりはざっくりした計測って感じです。つか、このアドオンはWeb制作に無関係な人にとっては何の役にも立たないこと間違いなしだと思います。
» MeasureIt :: Firefox Add-ons

(4)Colorzilla
これは地味に便利なんですよねー。カラーピッカーとか色関係のアレコレを導入できます。単純にこの色いいなーって時にカラーコードを知ることが出来るのは便利。Sleipnirにも同じような機能を持ったアドオンがありますね。
» ColorZilla :: Firefox Add-ons

(5)CSS Viewer
これは使ってませんでした。CSSプロパティの一覧を作成できるアドオン。入れてみたら劇的に便利すぎて驚きましたよ。Firebugにも同様の機能は備わっていますが、こっちの方が圧倒的に解りやすい並びになっていると思います。
» CSSViewer :: Firefox Add-ons

(6)Screengrab
もうね、コレがないと困っちゃうっていうくらい以前から常用してるアドオン。要はスクリーンキャプチャが出来るわけですけどホント便利。デザイナーとか開発者とか関係なくブロガーでも入れておいた方が良いと思います。
» Screengrab :: Firefox Add-ons

(7)Gridfox
表示しているページにグリッドを重ねて表示出来るアドオンです。グリッドの幅、間隔、数、色などのカスタマイズが可能。所謂グリッドデザインをする時にはとても役に立つんでしょうけど、普段必要かと言われると全く以て必要ないですねぇ。
» GridFox - The Grid Layout Firefox Extension » Eric Puidokas » Programming and Designing for the Web

(8)Firefox Accessibility Extension
閲覧しているページのアクセシビリティを検証できるアドオンです。まぁ普通の人からしてみたらなんのこっちゃか解らんアドオンであることは間違いありません。
個人的にはある意味お節介なアドオンだと思っています。
» Firefox Accessibility Extension :: Firefox Add-ons

(9)User Agent Switcher
これも定番じゃないですかね。僕の場合はケータイの表示をブラウザからチェックする場合に必要としているアドオンなので。個人的にはモバイルだったらFireMobileSimulatorの方がオススメです。まぁ両方とも入れてますけど。
» User Agent Switcher :: Firefox Add-ons

(10)PageDiff
これは使ったことなかったんですが、素晴らしく便利ですねー。差分をブラウザで取れるのがこんなに便利だとは...。使い方も簡単です。コーディングの時にとっても役に立ちますよ。
» PageDiff :: Firefox Add-ons

いやー普段使っているものもあれば、全然使ったこともないものもあって、Firefoxのアドオンはホント奥深いですね。以下の記事ではアドオンについての説明が詳しく出ているので、英語が解る方は是非ご確認を。

» 10 Firefox Add-ons for Web Designers | 10 Volt Media Blog