DesignWalker

Firefoxって、無料で公開されている拡張機能をインストールして自分好みに拡張できるところが便利ですよね。。

この拡張機能があるから、Firefoxを使ってるって方々も多いのでは？
一度使い始めて、その拡張機能に慣れてしまうと、 IE開いてるのに無意識のうちにその拡張機能を使おうとしてしまう。。。

っちゅうわけで、本日はわたくしが使っている便利な拡張機能の中からWEBサイト制作時に便利やなぁ～って思う、拡張機能9つをまとめてみました。。


1. Web Developer
とにかく、これは便利ですね。。CSS書いててレイアウト崩れたときなんかは、ブロック表示して確認してみたり。。CSSをリアルタイムで編集できたり。Web制作者にありがた～い機能を90種類以上も盛り込まれたプラグインです。。（日本語版があったので、そちらにリンク）




2. Firebug
こちらも有名な拡張機能ですね。JavaScript書く人にはかなり人気があるようですね。開いてるページを分析して、編集もできて、デバックまでしてくれる。。。かなり強力な拡張機能ですね。。

↓Firebugを使ってCSSを編集する方法（英語ですが。。）




3. ViewSourceWith
現在開いてるページや、選択した画像、ファイルなどを、あらかじめ、設定しておいたアプリケーションで開いてくれる。 たとえば、Photoshopを設定しておいて、アップされた写真を開いたり、htmlまるごとDreamweaverで開いたり。。結構便利っす。




4. Screen Grab
簡単にスクリーンショット撮れますねん。上から、ページ全体、見えてる部分、ウインドウ丸ごとのスクリーンショットがPNG形式保存できます。




5. Pearl Crescent Page Saver
こちらでも、同様に簡単にスクリーンショット撮れますねん。4か5どちらか選択でいいですね。。。 こちらは、オプション設定ができて、PNGかJPG形式を選択、ショートカットキーの設定、保存ファイル名の設定なんかができます。




6. Opera View
右クリックで、そのページをOperaで開いてくれます。ただそれだけ。。。単純だけど、あると便利。。




7. IE View
右クリックで、そのページをIEで開いてくれます。ただそれだけ。。。単純だけど、あると便利。。




8. MeasureIt
CSS書いてると、どうしてもサイズ測りたくなる。。そんな人に。。




9. ColorZilla
他人のサイト見てると、とにかく色が気になる。。。そんな人に。。




まだまだ、たくさん便利な拡張機能あるとは思いますが。。。本日はこの辺で。。