CSS Optimizer @mabwebdesign
CSSファイルを最適化してファイルサイズを軽量化してくれるソフト。しかしまだGUIが開発されていないので、コマンドラインで操作しなければならないので、初心者の方にはおすすめできません(それほど効果のある物でもないし)。そして、MacOSX専用(いまのところ)。
ダウンロードしてきて解凍されたらcssoptumizerアプリケーションを、"/user/bin"フォルダに放り込んでください。どこにそのフォルダがあるのか分からない時は、Finderのメニューの"移動 > フォルダへ移動"を選んで"/user/bin"と入力すれば開いてくれます。アプリケーションを"/user/bin"フォルダにコピーし終えたら、ターミナルを起動して。
cssoptimizer ファイルのフルパス -オプション
といった形式でコマンドを入力します。例えば、デスクトップにあるbase.cssというファイルを最適化したい場合(オプション無し)。
cssoptimizer /users/HOMEフォルダの名前/desktop/base.css
と行った具合に入力することで、同じ場所に"base_stripped.css"といったファイル名で書き出されます。HOMEフォルダの名前の部分はもちろん自分の物に置き換えて打込んでください。
基本的に不要なスペースやタブ、セミコロン、改行などを削除して軽量化をしていくようです。Full long-hand to short-handという最適化の項目は何をいじっているのか分かりませんでした・・・。省略形で書き直してくれるのかと思ったけどそうでもないみたい。また、吐き出されたファイルは、すべてスペースや改行を削除された1行のCSSに凝縮されるので、再びエディットするのは困難です。もし使いたい場合は、最後にサーバにアップロードする直前にかけるのがいいでしょう。
ちなみに僕が試したファイルでは,16KBのCSSファイルが12KBのサイズまで最適化されました(23%削減と結果にはでてた)。今後GUIバージョンも開発される様なので、ファイルサイズにうるさい案件、もしくは気にしなければいけない案件をやるときには重宝しそうです。
Home > Mac > | css > CSS Optimizer @mabwebdesign