• Home
  • CSS
  • Browser
  • Link

Home > ブラウザ > Firefox

Firefox add-ons(アドオン) - 拡張機能

Web制作者には欠かせないFirefox

Firefox

現在、IEのシェアは70%~80%と言われていますがWeb開発現場ではかなり異なります。ここ数年で大きくシェアの伸ばしているのはFirefoxです。
ちなみに当サイトWEB ART NOCのブラウザシェアはIE(55%)、Firefox(35%)、Safari(9%)になっています。これは当サイトはWeb制作関係者の方に多く利用していただいている事が影響しています。

Firefoxがシェアを伸ばしている理由は独自のadd-ons(アドオン)にあります。
add-ons(アドオン)とは拡張機能の事で、自分好みの便利な機能をFirefoxに追加できます。
アドオンはWeb制作者には欠かせない強力な拡張機能が満載です。以下の公式サイトで紹介されていますのでチェックしてみて下さい。
中には英語版しかないものもありますが、使い方は色々なサイトで紹介されている場合が多いので、困ることは余りありません。

【Firefox用アドオン(日本語版)】
http://www.mozilla-japan.org/addons/firefox/  >>

Firefoxお薦めアドオン

All-in-One Gestures >>
Firefoxにマウスジェスチャを実装します。キーボードやクリックをしなくても良いので作業効率が格段にアップします。
ColorZilla >>
マウスカーソルを合わせた場所の色情報をRGB、16進数で表示してくれます。色情報は10進数、16進数など様々な形式でコピー可能で、パレットに記憶させ自分の好みのカラーパレットを作る事も可能です。
ColorZilla
JSview >>
簡単に外部CSSと外部JavaScriptのソースを表示します。他のサイトのcssやJavaScriptを除きたい場合にはサクサク表示できて便利です。
JSview
LinkChecker >>
閲覧中ページのリンク切れ箇所をマークアップしてくれます。サイトのリンク切れチェックに使えます。
LinkChecker
MeasureIt >>
画面上で簡単に要素のサイズ計測ができます。サイトの表示がズレる際にCSS指定サイズと表示サイズの確認をしたりと中々便利です。
MeasureIt
Tab Mix Plus >>
FireFoxのタブ機能をデフォルトから強化します。かなり多機能なのでSleipnir等から移行しても安心です。

[ 日本語版サイト ]
http://mozilla-ext-ja.way-nifty.com/blog/tab_mix_plus/ >>
Tab Mix Plus
ViewSourceWith >>
閲覧中のページのソースファイルを自分で指定したエディタで開けるようにします。使い慣れたエディタで見ればそのまま編集もし易いですし、Firefoxのデフォルト設定では使い難いので必須でしょう。
Web developer >>
おそらく、FirefoxでWeb制作をする方のほとんどが入れているWeb制作を補助する拡張機能です。以下は一部の機能です。詳しくは公式サイトでチェックして下さい。
* クッキー、Java、JavaScript、CSSなどを無効にする
* CSSをその場で編集する
* フォームの各属性値を表示する
* 画像を非表示にする
* ブラウザのウィンドウおよび表示領域の幅と高さを表示する
* HTMLおよびCSSの構文をチェックする
* W3C/WCAG 1.0 あるいは米国リハビリテーション法508条でアクセシビリティをチェックする

[ 日本語版公式サイト ]
http://www.infoaxia.com/tools/webdeveloper/ >>
Web developer
Download Embedded >>
閲覧中のWeb上にある埋め込みオブジェクトを簡単にダウンロードできます。
Download Embedded
Pearl Crescent Page Saver Basic >>
ブラウザ閲覧中画面のキャプチャを撮って、画像ファイルに保存できます(jpeg、png)。ページ全体(表示されていない部分)のキャプチャも取得可能なので、プレゼン用資料制作時など、とても重宝します。「Pro」と「Basic」がありますが「Basic」で十分使えます。「Pro」は有料なので要注意。
User Agent Switcher >>
ブラウザのuser agentを自由に変更できます。携帯サイトの開発などにとっても便利です。各キャリアのuser agentは携帯電話会社の公式サイトで確認できます。
User Agent Switcher
Piclens >>
GoogleやYahoo!でのイメージ検索結果を単純に「かっこいい3D画面」で見ることが出来ます。おもしろ系ですね。
Piclens

ここでご紹介したアドオンは、動作確認はしていますが、万一の動作不良などに備え、導入は自己責任でお願いします。