ProCSSor – CSSを整形・整理するツール | サンクユーWEB制作ブログ

CSSを整理する為の便利なツールをご紹介します。

・CSS内のインデントが揃っていない

・CSSの記述ルールがバラバラ

・各セクション間の改行数がバラバラ

上記の様な問題を抱えるCSSをきれいに整理したい!

でも、一行一行自力で整理するのは骨が折れる作業ですよね。そんな時に便利なツールをご紹介します。

ProCSSor を使えば、ごちゃごちゃしたCSSもボタン一つで整形ルールに沿った内容へ変換することができます。

ProCSSor
https://procssor.com/

変換オプションは、「options」ボタンを押すと表示されます。

※項目の選択用エレメントをクリックすると、説明用の吹き出しが表示されるので、英文を読まなくても設定内容を把握できると思います。

CSSを整理するだけで、メンテナンス性はかなり向上します。(もちろん、日頃から整形ルールに沿った内容でコーディングすることが一番理想的ではありますが…)

ぜひお試しください。

Nakamura: サンクユーのEC-CUBE先生。
EC-CUBEのカスタマイズをし出して早15年。
難易度の高いカスタマイズもお任せ。
２系、3系、4系すべて対応可能。

実はjavaでの業務システム開発がエンジニア人生のスタート。
PHP、Perl、フロントエンド開発、Movable Type、Wordpressも得意という万能エンジニア。