気をつけていないとブログやサイトのカスタマイズを繰り返しているとあっという間にCSSのソースが汚れてきます。昔使っていた処理とか試して使わなかったデザイン等いつの間にか使っていないCSSセレクタが出てくるものです。



そこで今回紹介する「CSS Redundancy Checker」はブラウザ上から使われていないCSSセレクタをチェックできると言うものです。

詳しくは以下

使い方は簡単で、まず1のボックスにチェックしたいCSSを入力し、その後2のボックスにそのCSSが使われているページを入力しチェックボタンを押すだけです。

今回は別で運営している素材サイト「MONOCHROME - designer'sフリー素材」でCSSをチェックしてみました。



上記の様にチェックしたCSSが表示されます。Xoopsなので仕方が無い所もありますが、ひどいありさまになっています。ページによってCSSを分けていないと、2で指定したURLとの差異が目立つと思いますのでそういった感じでページを作られている方には目安的になってしまいますが、自分のCSSを見直してみるには良いツールだと思います。

CSS Redundancy Checker

関連記事

---

RSSをミックスして表示してくれる「RSSMixer」: DesignWorks
100種類を超えるデザインが用意されたボタンジェネレーター「ButtonBoost」
究極にシンプルなカレンダーがフリーでダウンロードできるサイト
関連した画像も見つけてくる、新しい形の画像検索エンジン「TRIPIT」
Information Architects、WEBトレンドマップ2007を発表
複数のブログ、SNSに一括ポストできる「postkun（ポスト君）」
夢の生活のお値段は？「必要年収シミュレーター」