« CSS Nite in Osaka, Vol.7に参加してきました | メイン | CSS最適化ツール「Clean CSS」 »
2007年10月28日
CSS最適化ツール「Code Beautifier」
膨大になったCSSのプロパティを整理＆チェックするのに便利ツールを紹介します。
■Code Beautifier
http://www.codebeautifier.com/
CSSのソースをコピペで貼るか、CSSソースのパスを入力すると最適化をかけて、結果を表示してくれます。
オプションの設定が多岐に渡っております。
自分なりにベストなオプション設定を見つけるしかないです。
オプションの設定で、Preserve CSSではなく、Sort Selectors (caution)やSort Propertiesにチェックを入れると、セレクタやプロパティ順に並び替えしてくれるのはいいのですが、肝心のコメントが削除されてしまうのが難点。
コメントを削除したくない場合は、Preserve CSSにチェックを入れておく必要があります。
Output as fileにチェックを入れれば、CSSファイルとして出力も可能。
Discard invalid propertiesで、各CSSのバージョンごとにバリデーションもかけてくれます。
使いこなせば便利なツールだと思います。
投稿者 lepracaun : 2007年10月28日 13:21
トラックバック
このエントリーのトラックバックURL:
http://www.lepracaun.info/mt4/mt-tb.cgi/83
