Web Developer Toolbarを使ってWEBページ構造を確認

WEBブラウザであるFirefoxの数ある拡張機能の中でも、私にとって手放せないプラグインの一つであるWeb Developer Toolbarを使ってページ構造を確認する方法が紹介されています。

CSSの要素を枠で表示させたり、色情報を表示させることが出来たりするので、WEBサイトを作成する際に、非常に役立ちます。

また、表示されているWEBページのCSSを一時的に編集出来ますので、文字の大きさを変えたり、色を変えたりと、実際に変更する前に見栄えの確認をすることも出来ます。

WEBサイト構築時はもちろん、HTMLやCSSのカスタマイズが出来る無料のレンタルブログも多いため、ブログを書かれていてデザインを少し変更してみたいかなと思われる方にもお勧めです。

まだFirefoxを利用された事がない方もこれを機会に一度利用されてみては如何でしょうか。

ちなみに上記サイトの著者がCYBER@GARDEN代表。

まだ20世紀の頃HTMLでWEBサイトを作成している際にとほほのWWW入門と共に非常にお世話になったサイトでした。

既にWEBサイトはリニューアルされていたのですが、過去のコンテンツも見ることが出来たため、見てみると非常に懐かしい気分になりました。