Top Firefox拡張機能(アドオン) >Web制作者のための便利なFirefoxアドオン「Web Developer」
2006年03月11日

Web制作者のための便利なFirefoxアドオン「Web Developer」

ブログブームですね。あらゆるブログサービスが続々サービスを開始し、それらがどうやら一般ユーザーまで浸透しつつあります。

ブログもある程度続けていると、標準のテンプレートでは無く、自分好みで他のブログとは違うデザインなどにしたくなってきます。いろんなブログを見ていて、他のブログが自分と同じテンプレートというのはなんだか同じ服を着た人と出会ったような感じです。

このブログも開設したところなので標準のテンプレートを利用していますが、やはりある程度色だけでも変更してみたいと思ってます。

ブログで一番簡単なカスタマイズはスタイルシート(CSS)をカスタマイズすることです、htmlのカスタムと併用するのがあれこれできていいのですが、時間のない方はCSSだけでも触ってみましょう。

簡単に言えば、ブログの各部サイズの変更、フォントの変更、フォントサイズ・カラーの変更、リンク文字・カラーの変更、背景、サイドバー部分などのカラー変更などが簡単にできます。

CSSはhtmlとはまったく違う記述がされているのですが、初心者の方にはちょっと敷居が高いような感覚もあります、どの記述部分を触ればどのように変化するのかがわかりにくいからです。

そんなFirefoxユーザーにぴったりの拡張機能が「Web Developer」です、HPからインストールするだけで、あなたのFirefoxにCSS編集機能が付いてきます。

このツールでのCSS編集の素晴らしい点は、CSSを書き換えるとリアルタイムでそのページの様子が確認できることです、他にもCSS編集ツールはフリーで多数ありますが、ほとんどが編集後にしか確認できないもので、初心者の方にはちょっとわかりにくい部分があります。

たとえば、Web Developerメニュー(ツール→Web Developer)からCSSの編集を選択すれば、Firefoxで今見ているサイトのCSSがサイドバーに表示されます、このCSS記述各部分(主にサイズpx、カラー#***)を書き換えればブラウザ画面上のサイトの色やサイズも変わります。これで触った部分が何を変更する場所なのかが一目でわかります。

web-001.jpg

これさえあればCSSを知らなくてもとりあえずブログカスタマイズの第一歩は踏み出せるはずです、使っている間にCSSの勉強もできますし、Firefox拡張ベスト10に入れてもいいくらいのお奨めツールです。

基本的に英語版のソフトで、操作に支障はありませんが、下記から日本語版が入手できますので英語に不慣れな方はこちらをつかうといいでしょう。

Web Developer 1.0.2 日本語版はこちらから
この記事をはてなブックマークに登録 このエントリを del.icio.us に登録 この記事をクリップ!Yahoo!ブックマークに登録Google ブックマークに追加 @niftyクリップに追加 Buzzurlにブックマーク


この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

この記事へのトラックバックURL
http://blog.seesaa.jp/tb/14603307
※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック