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)を応援していただけたら嬉しいです!

 

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

最新情報をお届けします

Twitter でみうをフォローしよう!

About

みう

みう (@miu0512)

フリーランス4年を経て起業。ホームページ制作やLP制作を企画からマーケティングまですべて請けているため、「Webコーディネーター」として活動中。

Category

Popular

  • 本日
  • 週間
  • 月間
  • 殿堂

本日の人気記事

週間の人気記事

月間の人気記事

殿堂の人気記事

PAGETOP