miMemo(ミメモ)

Web制作 便利ツール

[M]5秒でCSSを整形するツール「CSS Beautify」で、ソースを見られても恥ずかしくないCSSに!

Cssbeauty 00

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

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

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

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

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

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

Cssbeauty03

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

さいごに・・・

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

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

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

この記事が気に入ったら
いいね!しよう

About Me

みう

みう(@miu0512)

フリーランス
Webコーディネーター

フリーランスWeb屋。マンチカン5匹と一緒に仕事をしています。 【 猫 / マンチカン / Webデザイン / ブログ / ミメモ / フリーランス / カメラ / 旅行 / 車 / 水樹奈々 / ライブ / カラオケ / アニソン / マンガ / アニメ / iPhone / Mac / 白猫 / メロディア】

PAGETOP