CSSを整理する為の便利なツールをご紹介します。
・CSS内のインデントが揃っていない
・CSSの記述ルールがバラバラ
・各セクション間の改行数がバラバラ
上記の様な問題を抱えるCSSをきれいに整理したい!
でも、一行一行自力で整理するのは骨が折れる作業ですよね。そんな時に便利なツールをご紹介します。
ProCSSor を使えば、ごちゃごちゃしたCSSもボタン一つで整形ルールに沿った内容へ変換することができます。
ProCSSor
https://procssor.com/
変換オプションは、「options」ボタンを押すと表示されます。
※項目の選択用エレメントをクリックすると、説明用の吹き出しが表示されるので、英文を読まなくても設定内容を把握できると思います。
CSSを整理する だけで、メンテナンス性はかなり向上します。(もちろん、日頃から整形ルールに沿った内容でコーディングすることが一番理想的ではありますが…)
ぜひお試しください。
投稿者プロフィール
- サンクユーのEC-CUBE担当。15年以上にわたりEC-CUBE開発に従事し、2系・3系・4系すべてに精通。難易度の高いカスタマイズや、他社構築サイトの改修・再設計も多数対応しています。
Javaでの業務システム開発を起点に、PHP・Perl・フロントエンド・CMSまで横断的に対応。基幹システム連携や業務フローを踏まえた設計を得意とし、複雑な要件にも柔軟に対応可能です。
ChatGPT CODEXを活用し、開発スピードと品質の両立を実現しています。
