CSSを綺麗に並べ替えるサイト

ごちゃごちゃになったCSSを綺麗な書式に最適化&ソートしてくれるサイトがあります。

Styleneat - CSS Organizer

英語ですが使い方は簡単。
Direct Inputで直接スタイルシートをコピペ、File UploadでCSSファイルを送信、Stylesheet URLでCSSファイルのURLを指定の何れかを選び、入力後Organize CSSボタンを押せば結果が表示されます。


オプションの意味は下記の通り。

Sort Properties alphabetically
 プロパティ(属性)の名称でソートします。

Sort Selectors alphabetically (caution)
 セレクタの名称で並べ替えます。
 Safe Organizeを外してないと選択できないようです。

Import and Organize Linked (@import rule) Stylesheets
 これについてはどういった動作になるのか解りませんでした。
 デフォルトでチェックされているので、そのままで問題なさそうです。

Multi-line Formatting / Single Line Formatting
 Multi-lineを選択すると、プロパティ毎に一行となるようフォーマットされます。
 Single Lineの場合は、セレクタ内のプロパティを全部まとめて一行になるようフォーマットします。


なお、CSSの中に日本語が有っても問題ないようですが、アップロードやURL指定の場合はUTF-8でないと文字化けするかもしれません。
※スタイルニートのneatは「整頓された」というという意味。neetではないようです、残念(?)

コメント

コメントの投稿


管理者にだけ表示を許可する

トラックバック

トラックバックURLはこちら
http://itpc.blog87.fc2.com/tb.php/69-ad44cf7d
この記事にトラックバック(FC2ブログユーザ用)