ProCSSor – CSSを整形・整理するツール

WEB制作・集客
この記事は約1分で読めます。

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

 

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

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

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

 

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

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

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

 

ProCSSor
https://procssor.com/

 

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

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

 

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

ぜひお試しください。

 

投稿者プロフィール

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

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

お気軽にご相談ください

お気軽にご相談ください

タイトルとURLをコピーしました