Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

タグ

CSSとtoolに関するkomzのブックマーク (3)

  • 圧縮だけじゃない。CSSを解析した上で圧縮する·CSS Compressor MOONGIFT

    CSSは最近のWebシステムでは当たり前のように使われている。そして肥大化したCSSはネットワークの帯域を余計にっているようなものだ。それを解決する手段として、CSSの余計な空白や改行を消して圧縮する技術がある。 こんなにちっちゃくなっちゃった! だがCSS Compressorはもう一歩先の技術を使って、さらに圧縮を実現してくれる。これはなかなか興味深い。 今回紹介するオープンソース・ソフトウェアはCSS Compressor、CSSを解析した上で圧縮してくれるソフトウェアだ。 CSS CompressorはJava製のソフトウェアで、コマンドラインで実行する。CSSファイルを引数として指定すると、標準出力に圧縮した内容を返してくれる。余計な空白や改行の削除はもちろんとして、幾つか面白い機能がある。 ヘルプ 同じ設定を行っているクラスがあれば、それを一つにまとめてくれたり、4辺に同じ設

    圧縮だけじゃない。CSSを解析した上で圧縮する·CSS Compressor MOONGIFT
  • CSSデバッギングツール10選:phpspot開発日誌

    Man with no blog : CSS Debugging Tools - Gary Barber Seems lately that we are now starting to get a good spread of CSS and JavaScript (DOM Scripting) debugging tools available. CSSデバッギングツール10選。 便利な各種ブラウザ用CSSデバッギングツールがまとまっていました。 XRay - ブックマークレット登録後、ページ内をクリックで情報を表示 YSlow - 先日Yahoo!がリリースしたパフォーマンス測定&アドバイスツール (for Firefox) Dust-Me Selectors - 不要なCSSを調査して表示してくれるFirefox拡張 Web Developer - おなじみ、CSS用に便利機能を提

    komz
    komz 2007/08/08
  • IE 6.0 - memo.xight.org - Clean CSS - CSSの最適化,ファイルサイズ削減ツール

    Summary テキストフィールドにCSSを入力するか,CSSが置いてあるURLを指定して,"Process CSS" をクリック. 使用前 (196byte) #example { color: rgb(0,0,0); background-color: #ffffff; font-weight: bold; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; padding: 10px 5px 10px 5px; } 使用後 (Compression: Low) #example { color:#000; background-color:#fff; font-weight:700; margin:5px; padding:10px 5px; } 入力 196 byte 出力 99 byt

  • 1