cssをいじるならWeb Developer！

amebablogではcssを編集することは出来ないのであれですが。

僕は基本的にはプログラマーなんですが、社内webシステムなどを多くやってることもあってWEBデザイナーを雇うほどの大規模なプロジェクトではないです。そんなこともあって自分でWEBデザインをしなければいけないことも結構あります。

社内システムとはいえ、アクセシビリティは無視できない要素なのでなるべくでも素人なりに良いものを作りたいと思ってはいるんですが、これが結構大変だったりします。（しませんか？）

特に不便だと思っていたのがスタイルシートを設定するためのツールでしっくりくるものがない、ということでした。あれこれ試した結果、秀丸でゴリゴリ書いちゃうという方法を取っていたのですが、なかなか良いプラグインを知りました。

FireFoxのプラグインでその名も「Web Developer」です。

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

色々とアクセシビリティを考えたページを作成する上で便利そうな機能がありあますが、特にいけてるのがCSSの編集機能です。

IEのお気に入りの表示部分でスタイルシートの編集が出来てリアルで右のページに反映されます。便利です。僕みたいにCSSの知識が十分無くてもかなりサクサク作業が進みます。

今までFireFoxの良さがいまいちわかってなかったんですが、これの肝はプラグインを有効に使うことで引き立てられるのかな。
他のプラグインも探してみようと思います。

isi