webデザイナー必須のFirefoxアドオン

Firefoxには機能を拡張するアドオン(エクステンション/プラグイン)があります。
仕事で多用しているアドオンを紹介します。
(というかむしろ、忘れっぽいので覚え書きです。)

現在最新版のFirefox3用のwebデザイナー必須のアドオンはこちらから。

※日々、すばらしいアドオンが公開されているので、この記事は余儀なく変更します。また、使用しなくなったものたちは、おまけのほうに追加されます。
最終更新日:2007.2.17

Web Developer 日本語版

http://www.infoaxia.com/tools/webdeveloper/

Web制作者向けツールに作られた、まさにwebデザイナー必須のアイテムです。最初に入れましょう。HTML/CSS構文チェックが簡単に出来る他、枠表示はレイアウト作成時に役に立ちます。

Firebug

http://www.getfirebug.com/

CSSやHTMLをリアルタイムにブラウザ上で変更できるツール。JavaScriptもデバックできたりするらしいです。これ、最強です。

HTML Validator

http://users.skynet.be/mgueury/mozilla/

リアルタイムに閲覧中Webページの文法をチェックしてくれます。W3Cのチェックエンジンを使用しているので信頼できます。

Google Toolbar

http://toolbar.google.com/ja

Googleの検索バーです。私は検索エンジンはGoogle派なので。サイトのページランクもわかるし検索文字列を早く見つけることができるのでグッド。

Google Notebook

http://www.google.com/notebook/

オンライン上のメモ帳です。テキスト以外にURLも同時に保存できるのでサイトをブックマークするときに非常に便利。私はソーシャルブックマークには追加できないようなコアなサイト(?)をブクマします。

Copy URL +

http://copyurlplus.mozdev.org/

頻繁に使用する形式で、タイトルとURLを貼り付けできる。かなり重宝!詳しい説明は当サイトのコラムから。

ColorZilla

http://www.iosart.com/firefox/colorzilla/

webサイト上の色が何色が知るのに便利です。RGBなど様々な形式でコピーできます。カラーパレットも付属。

SEO for Firefox

http://tools.seobook.com/firefox/seo-for-firefox.html

SEO対策に便利です。Googleで検索すると、ページランクとか表示してくれます。全ての項目を表示するとうざいので、必要なものだけ表示するほうがよいでしょう。

Pearl Crescent Page Saver

http://pearlcrescent.com/products/pagesaver/

webページのスクリーンショット(チャプチャ)を撮ってpng画像にしてくれるプラグイン。表示されている部分のみとページ全体を撮れるのが便利。海外のサイトのものだけど日本語化されています。Proは有料だけどBasicだと無料です。

IE Tab

http://ietab.mozdev.org/

Firefoxのブラウザ上でIE表示できます。ただしサイトによってはうまく読み込んでくれない場合も。ちょっとIEで動作確認、程度に使うのがよいでしょう。

ViewSourceWith

http://dafizilla.sourceforge.net/viewsourcewith/index.php

ページのソースをみるときに、自分の好きなエディタで見ることが出来ます。

Html Validator

http://users.skynet.be/mgueury/mozilla/

リアルタイムに閲覧中Webページの文法をチェックすることが出来ます。標準ビュアーでソースを閲覧したときも構文のチェックをしてくれます。

CacheViewer

http://park2.wakwak.com/~benki/ext.html

Firefoxのキャッシュは非常に見にくい。これはとてもわかりやすく表示してくれます。

ソーシャルブックマーク(SBM)

https://addons.mozilla.org/firefox/1532/

非SBM派だったのですが、ブラウザのブックマークに限界を感じて、しぶしぶ使用してみるともう手放せなくなりました(笑)私はあえて外国産のdel.icio.usを使用していますが、日本にははてなブックマークPOOKMARKといったすばらしいSBMも存在しますので、いろいろお試しください。

FirefoxやThunderbirdのメモリ消費量を劇的に減らす方法

http://gigazine.net/index.php?/news/comments/20060415_
firefoxthunderbird/

これはアドオンじゃないのですが、やっておくとFirefoxを一時的に使用せず他の作業をしているときの動作がスムーズにいきます。
※これはFirefoxを閲覧しているときにメモリ消費量が激減するわけではなく、Firefoxを最小化にしているときにメモリ消費量が激減するというものですので、ご注意。

※アドオン(エクステンション)を利用するのは非常に便利です。ただし、当たり前ながら、重くなるのでできるだけ使う分だけ有効にしておいたほうがよいです。
<<おまけ>>
一時、使用してたけど、他によいアドオンとか出てあまり使用しなくなったものたち

EditCSS

https://addons.mozilla.org/firefox/179/

サイドバーにCSSソースが表示され、それをしたら直接サイトに反映される優れもの。ただしインポートしてるCSSファイルまでは呼び出せません。直接CSSファイルを編集したほうが早いって話も・・・

投稿日:2006年12月 9日 | 編集

トラックバック歓迎です。以下URLにて登録をお願いいたします。

このエントリーのトラックバックURL:

↓↓↓トラックバックしてくださった方々↓↓↓
※トラックバックされても管理人がスパムと判断したものは公開されません。

top

ホームページ作成に役立つコーナー