不要なCSSセレクタを見つけてくれるツール

CSSっってサイトに手を加えていったり、新しいデザインを構築するときに定義したけ結局使わないゴミみたいのがたまったりしてどんどん肥大化していってしまうことってありますよね。

そのゴミを手作業で探してCSSをスリムにするって考えただけでも末恐ろしい・・・

で、見つけたのがこれ、不要なCSSセレクタを見つけてくれるFirefoxアドオン「Dust-Me Selectors」です。

手順

1.サーバー(バーチャルマシンでもXAMPPでもよいと思います)にｈｔｍｌとCSSをアップロードする。

2.FirefixへDust-Me Selectorsをインストールする。

3.Dust-Me Selectorsを実行してリストアップされたデータ(CSV)を保存する。

4.CSVデータにリストアップされた不要なセクレタを元にCSSファイルの編集をする。

以上です。

今回これにお世話になったのは20ページ足らずのMovable Typeのテンプレートだったのですが、CSSがかなりすっきりしました。
こんなにいらないセクレタを定義して無駄にしていたのか～おれ、でした。