CSS SuperScrub - ムダなCSS削除で軽量化

「CSS SuperScrub」はCSS（カスケーディング・スタイル・シート）から余計なソースを省いて、スリム化してくれるウェブサービス。

CSS SuperScrub

使い方はスゴク簡単♪

「CSS Url」にスタイルシートのURLを入れて「Scrub my CSS」ボタンをクリックするだけ。しばらく待つと、ムダな属性やセレクタ、スペースなどを取り除いたCSSソースが出来てきます。

他にもチェックボックスでソースの出力の仕方をいろいろ指定できる。

「Remove all whitespace」にチェックを入れると、改行やスペースを一切省いてスッキリ一行で出力。ファイルサイズは小さくなるけど、管理がスゴク面倒です。

「Indent CSS」にチェックを入れると、CSSソースだけタブインデントしてくれる。私的には「Indent CSS」が一番使いやすい。

「Newline before opening brace」にチェックを入れると、セレクタの前に自動的に改行を入れてくれます。縦に長くなるしファイルサイズは若干大きくなるけど、見やすいといえば見やすくなる。

ちなみにこのブログのCSSをチェックしてみたら、30%程度の軽量化が可能。意外とムダなソースが多いみたいです(^_^;)