2005年03月12日

Firefox拡張 Web Developer のCSS編集機能

Webページの作成や検証に役に立つFirefoxの拡張であるWeb Developerというものを使用しているんですが、この拡張はツールバーから各ページのブロック要素を点線で囲って表示したり、javascriptやCSS、画像表示を瞬時にオフにすることができたりその他様々なことができて、blogのデザインを作ったり、他のサイトのスタイルを検証したりするのに非常に役立ってくれています。

でこの拡張を使っていて今まで知らなかったんですが

表示しているページのスタイルシートをリアルタイムに編集することが出来ます。つまり、サイドバーに表示されるCSSを直に編集するとその変更に合わせてそのページの表示がリアルタイムに変化していきます。もちろん実際のサーバー側のCSSが編集できるわけではなく、ローカルで書き換えたCSSをそのページに適用しているだけですが、この機能はFirefoxでの表示確認用としては非常に有用であると思います。久々にこの拡張の日本語ページを確認してみると、主な機能として、

  • クッキー、Java、JavaScript、CSSなどを無効にする
  • CSSをその場で編集する
  • フォームの各属性値を表示する
  • 画像を非表示にする
  • alt属性のない、あるいはalt属性値が空の画像を枠で囲む
  • リンクのパスを表示する
  • ブラウザの画面内を拡大あるいは縮小する
  • テーブルのセルを表示する
  • ブラウザのウィンドウおよび表示領域の幅と高さを表示する
  • HTMLおよびCSSの構文をチェックする
  • W3C/WCAG 1.0 あるいは米国リハビリテーション法508条でアクセシビリティをチェックする
  • Webページのソースコードを表示する
  • 『Web Developer 0.9.3 日本語版』の機能一覧

となっていました。このCSS編集機能は2つ目に載っていました(笑)。どうやら主要機能だったようです。これからはデザインを考える作業が楽になりそうです。

posted by ksuke at 01:16| Comment(5) | TrackBack(3) | Software | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
以前から気になっていたツールなので早速入れてみました。

・・・・全て丸見えですね。
恥ずかしい。。。
でも、便利じゃないですか!
いいですねぇ。
Posted by 23 at 2005年03月12日 01:54
私はblogのデザインする上ではもうはずせない拡張になってますよ、これ。
まぁ、機能が多すぎてすべては使いこなしていませんが
Posted by ksuke at 2005年03月12日 02:02
こんな便利な拡張があったなんて・・・すばらしい。リアルタイムでデザインを変更してくれるのでわかりやすくていいですね。
Posted by zonepress at 2005年03月12日 08:23
zonepressさん

便利ですよ〜。今まで知らなくて損してました。
Posted by ksuke at 2005年03月13日 00:41
Web Developerの存在こちらで初めて知りました。
CSS編集、入れ子構造視覚的に表示などが便利すぎます。
便利なツール紹介ありがとうございます。
Posted by Renu at 2005年11月16日 19:21
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

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

Web Developer
Excerpt: Fxの拡張機能であるWeb Developerについて勘違いしてました。 という...
Weblog: SO YOUNG BLOG
Tracked: 2005-03-12 13:24

Firefox拡張機能(1) Web Developer
Excerpt: Webサイトの制作に最適のブラウザFirefoxの拡張機能を少しずつ紹介して行こうと思います。 今日紹介するのは、そのなかでも一番おすすめの拡張機能「Web Developer 日本語版」です。..
Weblog: Webクリエイター日記
Tracked: 2005-07-09 20:30

Firefox 1.5 にインストールするたった3個の拡張機能
Excerpt: えむもじらさんのところに Firefox 1.5 にインストールするたった3個の拡張機能という記事があったので早速参考にさせてもらいました。今までメインのブラウザはOperaでしたが、最近調子..
Weblog: [URL] Underground Rolling Lemon
Tracked: 2006-01-15 01:51
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。