タグ

cssに関するMillyCのブックマーク (5)

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

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

    圧縮だけじゃない。CSSを解析した上で圧縮する·CSS Compressor MOONGIFT
  • SafariのCSS 3対応--1つの要素に複数の背景画像を表示する - builder by ZDNet Japan

    前回と前々回では、CSS 3の草案CSS3 Backgrounds and Borders Moduleで追加された背景に関するプロパティを紹介したが、草案ではこの他にも新しい機能が追加されている。それが、1つの要素に複数の背景画像を表示する機能だ。 この機能を利用すれば、これまでは1枚の背景画像として用意する必要があった絵も複数の画像を重ねて作り出すことができ、デザインの調整や素材の使い回しが容易になる。現在、この機能にはSafariが対応しているので、記述方法や表示を確認していきたい。 また、backgroundプロパティで複数の背景画像の設定をまとめて指定する方法も紹介する。

    SafariのCSS 3対応--1つの要素に複数の背景画像を表示する - builder by ZDNet Japan
  • 使わないコンテキストメニューを非表示: 電網探題

    Stylish を使ってコンテキストメニューを一旦全て非表示にし、その上で実際使う必要が生じたメニューのみ表示するようにしていけば使わないメニューが表示されるロスを防げますし、メニューを辿ってカーソルを移動する手間も省けます。 userChrome.css でも出来ますが再起動が必要ですので、Stylish でやることをお奨めします。完全に私用仕様が固まったら userChrome.css に移すのはありかもしれません。 以下デフォルトのコンテキストメニュー全消し用。必要なモノはコメントアウトするか、行自体削除すればOKです。来なら id だけで用は足りるのですが、label があった方がメンテナンス性が上がりますので今回は付けておきます。 拡張機能によって追加で表示されるメニューは適宜 DOM Inspector で調べて消して下さい。 /* Stylish用 */ @namespac

  • XUL、Tree/ツリーのスタイル - FAX

    ツリーのスタイルに関して調べて試した。正確な情報が少なく苦労した。3日ぐらいかかったっす。以下メモ(不正確な場合あり)。 dataスキーム内に記述したCSSブロックではダブルクォーテーションが使えない。知らないと、urlで使い動かずはまる。ツリー全体で行の高さは一定。::-moz-tree-cellとCSSのbackgroundを組み合わせると、セルの背景に画像を置き、上に字を重ねられる。ラベルの左横にアイコンをだすには、::-moz-tree-imageかtreecell要素のsrc属性を使う。どちらも同じ効果が得られるようだった。::-moz-tree-imageで個別のカラムを指定する場合は続けて(treecol要素のid属性(propertiesではない!), treerow要素のproperties属性)で指定する。::-moz-tree-lineは線のスタイルと色のみ変えられる

  • IEでアルファチャンネルPNGを表示する (iepngfix.htc) - youmos

  • 1