スタイルシートの内容はそのままで、可読性・保守性を高めるオンラインサービス -CSS Trashman

サイトやブログで使用しているスタイルシートをリファクタリングし、可読性・保守性を高めたCSS(Sassも)に変換してくれるオンラインサービスを紹介します。

サイトのキャプチャ

CSS Trashman

CSS Trashmanの使い方は簡単です。
ページのURLを入力し、「Collect Trash」ボタンをクリックします。

サイトのキャプチャ

URLを入力

あとは、しばらく待つだけ。

サイトのキャプチャ

解析中(量が多いと時間がかかります)

解析終了!
キレイになったスタイルシートが生成されます。

サイトのキャプチャ

キレイになったCSS

CSS TrashmanはCSS Ratiocinatorを使用してリファクタリングをして、スタイルシートを生成しています。
動作の流れは査定と統合の2フェースで、査定ではノードをチェックしてどのスタイルが必要とされているかをリスト化し、統合でスタイルシートの継承や優先度を元に整理し、冗長なものを削除し可読性・保守性を高めています。

サイトのキャプチャ

ノード毎にスタイルを整理し、統合

top of page

©2017 coliss