整形するくらいなら記事書きます。ふだんからちゃんと書けよ(笑)と言いたい気分は存分にわかりますが、今からちゃんと直しますのでご覧あれ。Portalこちらのサービスを使います。いうことが出来るかというと、CSSの表記の仕方を統一してくれますつまりは上に書いた汚いコードの問題点をいいかんじに整形してくれるんですうれしい!さて、まずは汚いCSSを入力欄に放り込みます。コード入力欄の下には、どのように整形するかを細かく調整できます。項目から選択するだけ。Code」をワンポチ。出力結果に満足行けば、お疲れ様でした。意図と違う出力結果でも何度でもやり直せますからね。728px;}ここまでビューティフルに整形してくれます。それぞれのセレクターやタグの書き方、インデント数が統一され、実に見やすくなりました。コロンやセミコロンの後にまで挙動を制御できるのはありがたいですね。個人的にはセレクタとセレクタの間には一行欲しい私です。ほしい感じに成形できました。細かく自分仕様に調整できるのも助かる感じですね。ちなみに、僕の設定は上記です。order髪に櫛(コーム)を通したみたいに整形するという個人的には優れた名前のサービス。いうことが出来るかというとプロパティーの順番をセレクタ毎に統一してくれます。versionこんなかんじで、いろんなアプリの中にビルトインして使うことも出来るようですが、webアプリとしても使えるありがたい仕様です。sortingではweb版を実際に使ってみます。何は無くともコードを放り込みます。Code」で整形済みのコードだとなお話が早いですね。コードを放り込めばコード入力欄の上にある「Diff」をぽちっと。ちなみに「difference(違い)」みたいな意味かと。左右で見比べることが出来ます。うむ、ちゃんとプロパティーの順番が入れ替わってます!なんという統一感!これはプロの仕業(笑)プロパティーの順番は基本的におまかせですが、順番まで制御したい束縛派のあなたのためにも順番まで調整出来るセッティング画面が存在します。728px;}匠の優しさのお陰でここまでいい感じに整形されました。最初と比べると、雲泥の違い!冗談はさておき、コードが綺麗だとどういいのか?まずは保守性が高まります。一人で自分のブログを運営する場合には特に問題を引き起こさない(苦しむのは自分)場合でも、複数人で運営する場合はどうでしょうか。ルールに従って整形されたコードは純粋に読みやすいですね。marginやpaddinは近くにいて欲しいし、widthやheightも近くにいてくれるとありがたいです。普段からこういうルールに沿って書ければいいのですが、追記追記で運営する場合どうしても順番が狂いがちです。世代によってCSSまでバージョン管理を徹底している方ならそもそも雑に書くことはないかもしれませんが、ある程度見た目の修飾が終わったCSSは整形して管理することをおすすめします。free!コードを難読化圧縮するソレもあります。WordPressの場合はプラグインにて圧縮を書けることも出来ますね。...なので、ローカルで管理する場合は難読化圧縮掛ける必要はないかも。きれいな方がいいの?という方もいると思いますが、綺麗だと純粋に気持ちがいいですよ(笑)プロっぽいし。そんな理由かい!と呆れるかもしれませんが、保守の恩恵は、整形されたあとでこそ感じられるものです。納品レベルの整形にも使えるとは思いますが、整形前のCSS(動作確認されたもの)をちゃんとバックアップしてから、整形後テストをしてみてください。いつだって、バックアップは大事です。バックアップを取ってからお試しくだされ。本来はセレクタやタグの順番等まで気を使いたいものですが、そのへんはさすがにセルフでお願いします(笑)じゃ、こんなかんじで。面白かったり役に立ったらシェアしてね。レベルじゃねぇ!これはもうキャンプという名の旅行だよ。小豆島で島キャンプ二本栗キャンプ村でしっぽりと森キャンプ運動会には600mmズームでこうすれば、音楽がもっと好きになるかもしれない。GW2480T【AD】ハードボイルドでなければ、生きていけない。prasm(プラズム).。