- 2008-05-30 (金) 9:25
- Job
最近は、これらを念頭に作業をしている。
- 作業の効率化
- ファイル容量の軽減
- シンプル
なるべく無駄をなくして、シンプルな形にすれば制作者にとっても、ユーザーにとってもハッピーになるわけで。
そこで、近頃話題の「CSS Sprite」なるものを取り入れてみようかと。
CSS Sprite
CSS Spriteって簡単に説明すると、
個別で書き出していた画像を一枚の画像にまとめて、CSSで背景画像として読み込み、位置指定をして使用する手法。
といった感じでしょうか。
実は、案件ベースでは、ナビゲーションまわりの所には適用しているけのだけれども。
その他の箇所には、使った事がない。
いろんな記事を見ていると、アイコン周りやボタン関係のところで使われているようだ。
よくあがる例として、Youtubeがある。
個別に画像を書き出して使うよりも、一枚の画像にまとめて読み込んだ方が効率がいいし、一回のリクエストだけで画像がキャッシュされる。
このあたり、デザイナーにお願いして、はじめからまとめてもらっておけば、マークアップする際には手間も省けるかもw
使い道は色々とありそうですが、この辺はもうちょっと精査してみたいと思います。
追記。
こんなのもありました。
「CSS Sprite Generator」
- Newer: 鼠先輩「六本木〜GIROPPON〜」
- Older: Dreamweaverのスニペットとショートカットキー
Comments:0
Trackbacks:0
- Trackback URL for this entry
- http://center-circle.net/archives/95/trackback
- Listed below are links to weblogs that reference
- CSS Spriteのあれこれ。 from center-circle.net