ホームページ制作におすすめのツール
このホームページをご覧になっている方の多くはIE（Internet Explorer）を利用されていると思いますが、Firefoxというちょっと便利なブラウザをご存知でしょうか？
Firefoxは複数のページをタブを使って表示できるので、画面上がブラウザのウィンドウで一杯になってしまうのを防ぐ事ができます。また、ブラウザの外観を好きなデザインに変更できたり、便利な機能をインストールして自分の使いやすいようにカスタマイズする事ができる、自由度の高いブラウザです。
普通にホームページを見る分にはこれだけでも充分にIEより使い易いのですが、ホームページを作られる方にはFirefoxの拡張機能のひとつとして配布されているWeb Developer toolbarというおすすめのツールもあります。
この拡張機能をインストールすることにより、Firefoxで閲覧しているホームページのCSSを表示したり、CSSを外した状態のホームページを見れたり、<table>や<div>などの要素にアウトラインを表示させてホームページがどのような構造で作られているかを視覚的に把握できたりと、他にも便利な機能をたくさん使用する事ができます。
もちろん、Firefox及びWeb Developer toolbarは無料でダウンロードして使用できます。
多機能ブラウザFirefoxを無料ダウンロード
まずは、下のリンクからFirefoxを入手してください。IEやNetscape等を使用している方でもブラウザのお気に入りをそのままFirefoxにコピーできるのですぐに使用する事ができます。
Firefoxのおすすめ設定
デフォルトの設定では、リンク自体に新しいウィンドウを開く設定（target="_blank"の記述）があるとCtrl（Macはコマンド）を押しながらクリックしない限り、新しいウィンドウを開いてページを表示してしまいます。しかし、通常はホームページを見ていてもクリックしようとするリンクがどんなタイプのリンクかは判別しづらく、クリックしてみて初めて新しいウィンドウを開くタイプのリンクだと気付く事が多いと思います。
Firefoxでは、設定を変える事によってこのタイプのリンクをクリックした場合でも、自動的に新しいタブを開いてリンク先のページを表示する事もできます。
設定の方法は簡単です。Firefoxメニューバーの「ツール」から「オプション」を開きます。「新しいウィンドウを開くリンクは次の場所に開く」にチェックし、「新しいタブ」を選択します。
これで、ホームページを見ているうちに、いつの間にか画面上がブラウザのウィンドウで一杯になってしまうという事が無くなると思います。
Web Developer toolbarをインストール
FirefoxでWeb Developer toolbar（日本語版）にアクセスし、Firefox用のWeb Developer toolbarをダウンロードしてください。インストール完了後にブラウザを再起動すると様々な機能が使用できるようになります。
以下はWeb Developer toolbarの主な機能の一部です。
- クッキー、Java、JavaScript、CSSなどを無効にする
- CSSをその場で編集する
- フォームの各属性値を表示する
- 画像を非表示にする
- alt属性のない、あるいはalt属性値が空の画像を枠で囲む
- リンクのパスを表示する
- ブラウザの画面内を拡大あるいは縮小する
- テーブルのセルを表示する
- ブラウザのウィンドウおよび表示領域の幅と高さを表示する
- HTMLおよびCSSの構文をチェックする
- W3C/WCAG 1.0 あるいは米国リハビリテーション法508条でアクセシビリティをチェックする
- Webページのソースコードを表示する
その他Firefoxおすすめ拡張機能
IE View
Firefoxで表示中のページを、右クリックからメニューを選ぶ事によって、自動でIEを起動して閲覧中だったページを表示します。
Firefox
View
IE Viewとは逆にIEで閲覧中のページをFirefoxを起動して表示します。