こんにちは！みう(@miu0512)です。HTML＋CSSでコーディングした後、CSSのスペースやタブ、隙間や改行があってごちゃごちゃになっていることはありませんか？そんなごちゃごちゃなCSSを５秒でビシっと整えるオンラインツールのご紹介です。

リアルタイムにCSSを整形してくれるオンラインツール

[browser-shot width=”500″ url=”http://cssbeautify.com/”]

CSS整形ツールは実はいくつも存在しますが、リアルタイムに反映されて、一番シンプルなのはここ！右側にある設定も２項目しかないので、本当にさっと使いに便利です。

使い方はたった1STEP。CSSの中身を左側に入れるだけでOK！

左図のようなぐちゃぐちゃなCSSでも右図のようにささっと整える

左側のスペース内にソースを放り込みます。すると、リアルタイムで右側に綺麗に整形されたCSSが表示されるので、それをコピーするだけで完了！簡単ですよー！

さいごに・・・

とにかく細かい設定がないので、WEBデザインにあまり関わっていない方でも簡単に使えるツール。WordPressでブログを書いている方や、色々カスタマイズしてカオスな状態になってしまっている方、一度放り込んでみてはいかがでしょう！？

最後まで読んでいただきありがとうございました！

これからも、みう(@miu0512)を応援していただけたら嬉しいです！