CSS ビューティファイア

このツールについて

正直に言って、CSSってめっちゃぐちゃぐちゃになりがちですよね。一瞬で。さっきまできれいなスタイルを書いてたのに、すぐにミニファイされたコードやランダムな改行、キーボードに幼児がちょっとだけ近づいただけでそうなるようなインデントが現れる。そんなときに役立つのがCSS整形ツールです。魔法じゃないけど、もう少しで魔法みたいな感じ。ぐちゃぐちゃ・圧縮済み・単に見た目がひどいCSSを貼り付けると、読める形に整えて出力してくれます。余計なものは一切なし。大げさな約束もしません。ただ、泣きたくなるようなコードではなく、きれいで整理されたコードを返してくれるだけです。 私はこれまでにこの手のツールを十数個使ってきました。ほとんどはまあまあ。中にはクソみたいなのもあります。良いツールというのは？それは単に再フォーマットするだけでなく、あなたの構造を尊重し、コメントをそのまま保持し、理由もなくルールを並べ替えません。このツール？それはその中でも比較的良い方です。シンプル。高速。名前の通りのことをします。

主な機能

• ミニファイされたCSSを読みやすく、適切にインデントされたコードに再フォーマット
• コメントを保持—はい、たまにそれって大事です
• インデントをカスタマイズ可能（スペースかタブ、お好みで）
• ネストされたルールやメディアクエリを壊さずに処理
• オープンソース版を入手すればオフラインでも動作
• 広告なし、トラッキングなし、「プレミアムアップグレード」のポップアップなし
• カスタムプロパティやグリッド構文などの最新CSSに対応

あなたのコードを書き換えたり、裏で「最適化」したりすることはありません。ただ見た目を整えるだけです。まるで、スタイル（文字通り）を意識したコードフォーマッターのようなものです。

よくある質問

このツールはCSSを壊してしまうでしょうか？
いいえ。再フォーマットするだけで、ロジックを変更したり、ルールを削除したり、セレクタをいじったりはしません。CSSが整形前に動いているなら、整形後も動きます。私はぐちゃぐちゃなレガシーコードや最新のフレームワークでテスト済みです。問題は一度もありませんでした。

大きなファイルにも使えますか？
ええ、ある程度は。50KB以下なら問題なしです。それ以上になると、ブラウザが少し重くなることがあります。超大きなファイルにはローカルのスクリプトやエディタのプラグインをおすすめします。でも、ほとんどのプロジェクトではこのツールで十分対応できます。