Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[WEB DESIGN] Clean CSS – CSSファイルを最適化

  • Pocket
  • このエントリーをはてなブックマークに追加

ウェブサイトを製作する際に、最近じゃCSSでのレイアウトは当然の事になってきました。一昔前はただのフォント指定ツールだとばかり思ってたのに、今じゃこれできないと仕事にならないからねぇ。ただしレイアウトやタグの再定義など、CSSで行うデザイニングが多様化してくるにつれ、CSSファイルも肥大化する傾向にあります。ちなみに今仕事で製作してるサイトのCSS、さっき見てみたら700行超えてました・・・。そんな感じにどんどこ肥大化したCSSを最適化し、再フォーマットしてくれる便利なサービスがココ。CSSを前文コピペするか、ファイルのURLを入力して「Process CSS」ボタンを押せば最適化されたCSSが出力されます。またその際に圧縮率やコードのテンプレート、その他各種オプションを指定することができます。出力されたCSSはページ下部に表示されるので、コピペして使いましょう。ただし念のためバックアップを取るのだけは忘れないでくださいね。オリジナルのソースと比べて再フォーマットされてる事もあり、ブラウザ向けには最適化されていても人間には見づらかったりしますので。

Clean CSS >>

One thought on “[WEB DESIGN] Clean CSS – CSSファイルを最適化”

コメントを残す

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください