膨大になった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のバージョンごとにバリデーションもかけてくれます。
使いこなせば便利なツールだと思います。
コメントする