使用していない無駄なCSSを検出する

納品時に、使用していないCSSなどは、きれいにコーディングして、納品したい。

そんなときに利用するのが、firefoxのアドオン、「CSS Usage

Firefoxを起動して目的のページを開き、右上のFirebugをクリックする。

画面下に出てくるウィンドウのタブから「CSS Usage」を選ぶ。

「Scan」をクリックすると、使用していないCSSセレクタが赤で表示される。

外部CSSごとに使われていないセレクタ部分だけ表示してくれる便利機能です。