CSS(スタイルシート)が一瞬で綺麗に整形できる「CSS BEAUTIFIER」が便利

CSS(スタイルシート)はしっかり管理すれば綺麗に管理できますが、複数人で管理する場合は記述にインデント入れる人、入れない人います。あらかじめルールを徹底しても記述の書き方が変る場合があります。

今回、紹介するCSSファイルが一瞬で綺麗になるツールをご紹介いたします。ブラウザベースで出来るのでとても簡単です。

CSS BEAUTIFIER

CSS BEAUTIFIER

URLCSS BEAUTIFIER

スタイルシートを貼り付ける

使い方

赤矢印の中に綺麗にしたいスタイルシートを貼り付けます。

スタイルシート

このような改行なしのスタイルシートがあったとして、このスタイルシートを一瞬で綺麗にしてくれます。

スタイルシート

貼り付けます。

使い方

Your Beautified CSS

スタイルシートを貼り付けたら下の「Your Beautified CSS」リアルタイムで反映されます。このままスタイルシートに貼り付けてFTPでアップロードしても大丈夫です。

インデントをスペースで空ける人、TABキーで空ける人用にオプションで設定できます。

option

まとめ

ブラウザベースでスタイルシートを簡単に綺麗に整形することができる「CSS BEAUTIFIER」を使ってスタイルシートの品質管理が出来ます。

よかったら使ってみてください。

CSS(スタイルシート)が一瞬で綺麗になる「CSS BEAUTIFIER」が便利

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*