独学で極める “Webデザイン”の技と心：第10回 CSS Spritesでサイトを高速化｜gihyo.jp … 技術評論社
今日は、CSSを使ってサイトを高速化するテクニック「CSS Sprites（CSSスプライト）」についてのお話をさせていただきます。 サイトの高速化というと、プログラムの最適化を行ったり、サーバのチューニングを行ったりというイメージがあるかと思います。実はCSSを上手に使うことによっても、サイトの高速化を行うことができます。しかも、かなりの効果が期待できるのです。 CSS Spritesとは？ 通常、ウェブページを制作する場合、デザインファイル（psdやpngなどの画像）をスライスし、HTMLのimg要素として埋め込んだり、CSSの背景画像として指定していることと思います。 それらの画像を一つにまとめ、１度の読み込みでのリクエスト数を減らすテクニックのことを「CSS Sprites」と呼びます。 このテクニックは、以前からマウスオーバーメニューを実現する際にも使われていたものでもありま
[CSS]スタイルシート設計のベースになる12のCSSのフレームワーク | コリス
specky boyのエントリーから、ブラウザのスタイルの初期化やレイアウトのテンプレートなど、スタイルシート設計のベースとなるCSSのフレームワークを紹介します。
256color.net - CSSシグネチャ
CSSシグネチャを設定する目的 ネットサーフィンをしているとき、このWebサイトはこういうデザインで見たい、あのWebサイトはああいうデザインで見たい、と、別々のユーザCSSを当てたくなるときがありませんか。 その度ごとに別のユーザCSSファイルを当てることも可能ですが、それよりは一つのユーザCSSファイルで済ませられるほうが楽です。 WebサイトにCSSシグネチャ（signature）が設定してあれば、それが可能になります。 閲覧者がそれを実現できるようにするためにも、あなたがWebサイト管理者ならば、自分のWebページに是非CSSシグネチャを設定しましょう。 CSSシグネチャの設定方法 設定方法は至って簡単です。全ページのbody要素に同じid属性を付けるだけになります。 <body id="WWW-EXAMPLE-COM"> 但し、CSSシグネチャが他のサイトと被ってしまっては、その
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
よく使われているCSSハック12選（＋おまけ） | IDEA*IDEA
