CSS Spriteを活用しよう へのコメント http://www.designwalker.com/2008/02/css-sprite.html ロサンゼルスで働くウェブデザイナーの日記。 Tue, 02 Feb 2010 13:44:57 +0000 http://wordpress.org/?v=2.9.1 hourly 1 ゆっくりと… » CSS最適化オンラインツールの性能比較 (2) より http://www.designwalker.com/2008/02/css-sprite.html/comment-page-1#comment-1016 ゆっくりと… » CSS最適化オンラインツールの性能比較 (2) Sun, 17 Jan 2010 11:30:49 +0000 http://new.designwalker.com/2008/02/css-sprite%e3%82%92%e6%b4%bb%e7%94%a8%e3%81%97%e3%82%88%e3%81%86.html#comment-1016 [...] Optimizerは文字サイズが大きくなり、CSS Spritesの画像が一部しか表示されなくなりました。 [...] [...] Optimizerは文字サイズが大きくなり、CSS Spritesの画像が一部しか表示されなくなりました。 [...]

]]> Otaxa » Blog Archive » SEOでよく言われる「text-indent:-9999px;」でのテキスト隠し より http://www.designwalker.com/2008/02/css-sprite.html/comment-page-1#comment-1015 Otaxa » Blog Archive » SEOでよく言われる「text-indent:-9999px;」でのテキスト隠し Tue, 13 Oct 2009 08:40:32 +0000 http://new.designwalker.com/2008/02/css-sprite%e3%82%92%e6%b4%bb%e7%94%a8%e3%81%97%e3%82%88%e3%81%86.html#comment-1015 [...] そもそも、なんでこんなことするのか。 上でも書いたけど、一般的に「imgタグ入れるよりテキスト書いたほうがSEO的に強い(気がする)から」ってのが共通認識のようになってるけど、それは少しズレてると思う。 GoogleもYahoo!も、なんで画像を表示するのにテキスト隠してるのかっていうと「表示を速くするため」だと思う(本人に聞いたわけじゃないけど)。 いわゆる「CSSスプライト」。 [...] [...] そもそも、なんでこんなことするのか。 上でも書いたけど、一般的に「imgタグ入れるよりテキスト書いたほうがSEO的に強い(気がする)から」ってのが共通認識のようになってるけど、それは少しズレてると思う。 GoogleもYahoo!も、なんで画像を表示するのにテキスト隠してるのかっていうと「表示を速くするため」だと思う(本人に聞いたわけじゃないけど)。 いわゆる「CSSスプライト」。 [...]

]]> Moral Hazard!! » CSS spriteとpay pal より http://www.designwalker.com/2008/02/css-sprite.html/comment-page-1#comment-1014 Moral Hazard!! » CSS spriteとpay pal Wed, 08 Jul 2009 05:22:54 +0000 http://new.designwalker.com/2008/02/css-sprite%e3%82%92%e6%b4%bb%e7%94%a8%e3%81%97%e3%82%88%e3%81%86.html#comment-1014 [...] ちなみにうちのメニューは下の画像一枚です。これCSSによって表示位置を変えるとメニューになるわけです。 割とよく使われるんですけど、この方法をCSS spriteと呼ぶとは知りませんでした。 CSS spriteについて詳しくはこちら。 [...] [...] ちなみにうちのメニューは下の画像一枚です。これCSSによって表示位置を変えるとメニューになるわけです。 割とよく使われるんですけど、この方法をCSS spriteと呼ぶとは知りませんでした。 CSS spriteについて詳しくはこちら。 [...]

]]> CSS Sprite | Chibiの覚え書き より http://www.designwalker.com/2008/02/css-sprite.html/comment-page-1#comment-1013 CSS Sprite | Chibiの覚え書き Tue, 06 Jan 2009 13:56:40 +0000 http://new.designwalker.com/2008/02/css-sprite%e3%82%92%e6%b4%bb%e7%94%a8%e3%81%97%e3%82%88%e3%81%86.html#comment-1013 [...] DesignWalker：CSS Spriteを活用しよう 基本的に自分はGIFならGIFでひとまとめにすることが多いです。 [...] [...] DesignWalker：CSS Spriteを活用しよう 基本的に自分はGIFならGIFでひとまとめにすることが多いです。 [...]

]]> Desinine » Blog Archive » CSS Spriteを利用して角丸の枠を作る方法 より http://www.designwalker.com/2008/02/css-sprite.html/comment-page-1#comment-1012 Desinine » Blog Archive » CSS Spriteを利用して角丸の枠を作る方法 Tue, 30 Dec 2008 03:14:47 +0000 http://new.designwalker.com/2008/02/css-sprite%e3%82%92%e6%b4%bb%e7%94%a8%e3%81%97%e3%82%88%e3%81%86.html#comment-1012 [...] CSS Spriteは、複数の画像をつなぎ合わせて、一枚の画像を用意します。そして、その一部分だけをCSSを使って表示する方法です。デザインウォーカーでも以前、『CSS Spriteを活用しよう』と言う記事でご紹介しました。 [...] [...] CSS Spriteは、複数の画像をつなぎ合わせて、一枚の画像を用意します。そして、その一部分だけをCSSを使って表示する方法です。デザインウォーカーでも以前、『CSS Spriteを活用しよう』と言う記事でご紹介しました。 [...]

]]> [XHTML+CSS]CSS Spriteで実現する角丸 | Commit Lab より http://www.designwalker.com/2008/02/css-sprite.html/comment-page-1#comment-1009 [XHTML+CSS]CSS Spriteで実現する角丸 | Commit Lab Sun, 07 Dec 2008 06:46:53 +0000 http://new.designwalker.com/2008/02/css-sprite%e3%82%92%e6%b4%bb%e7%94%a8%e3%81%97%e3%82%88%e3%81%86.html#comment-1009 [...] これも有名所DesignWalkerさん。CSS Spriteの簡単な説明と利点。 DesignWalker CSS Spriteを活用しよう [...] [...] これも有名所DesignWalkerさん。CSS Spriteの簡単な説明と利点。 DesignWalker CSS Spriteを活用しよう [...]

]]> まねきねこプロジェクト｜開発ブログ より http://www.designwalker.com/2008/02/css-sprite.html/comment-page-1#comment-1010 まねきねこプロジェクト｜開発ブログ Tue, 04 Nov 2008 11:38:37 +0000 http://new.designwalker.com/2008/02/css-sprite%e3%82%92%e6%b4%bb%e7%94%a8%e3%81%97%e3%82%88%e3%81%86.html#comment-1010 <strong>RPGツクール画像を使ってマップスクロール（CSS SPRITE）...</strong> CSS SPRITEというテクがある。通常、Webサイトには多数の画像を表示しているが、その画像を一枚の画像としてまとめたものを読み込み、CSSのbackground-imageやbackground-positionを用いて、画像の必要な箇所にCSSで画像を表示する、というものである。 DesignWalkerさんによると、YouTubeの背景もこの方法を用いているようである。 これを見ていて、ふと思い出したものがあった。それは、RPGツクールといわれるゲーム作成ソフトの背景画像である。 ... RPGツクール画像を使ってマップスクロール（CSS SPRITE）…

CSS SPRITEというテクがある。通常、Webサイトには多数の画像を表示しているが、その画像を一枚の画像としてまとめたものを読み込み、CSSのbackground-imageやbackground-positionを用いて、画像の必要な箇所にCSSで画像を表示する、というものである。
DesignWalkerさんによると、YouTubeの背景もこの方法を用いているようである。

これを見ていて、ふと思い出したものがあった。それは、RPGツクールといわれるゲーム作成ソフトの背景画像である。
…

]]> 岩家ぶろぐ より http://www.designwalker.com/2008/02/css-sprite.html/comment-page-1#comment-1011 岩家ぶろぐ Thu, 10 Jul 2008 21:49:48 +0000 http://new.designwalker.com/2008/02/css-sprite%e3%82%92%e6%b4%bb%e7%94%a8%e3%81%97%e3%82%88%e3%81%86.html#comment-1011 <strong>[javascript][css] CSS Sprite + setInterval で簡易アニメーションしてみる...</strong> はじめに 画像をスライスして一枚ずつ読み込むよりも、このように一枚の画像にすると、スライスの手間が省けるのと、読み込みの再に、リクエストが一回で済むので、場合によっては...... [javascript][css] CSS Sprite + setInterval で簡易アニメーションしてみる…

はじめに

画像をスライスして一枚ずつ読み込むよりも、このように一枚の画像にすると、スライスの手間が省けるのと、読み込みの再に、リクエストが一回で済むので、場合によっては……

]]> center-circle.net より http://www.designwalker.com/2008/02/css-sprite.html/comment-page-1#comment-1008 center-circle.net Fri, 30 May 2008 00:25:16 +0000 http://new.designwalker.com/2008/02/css-sprite%e3%82%92%e6%b4%bb%e7%94%a8%e3%81%97%e3%82%88%e3%81%86.html#comment-1008 <strong>CSS Spriteのあれこれ。...</strong> 最近は、これらを念頭に作業をしている。 作業の効率化 ファイル容量の軽減 シンプル なるべく無駄をなくして、シンプルな形にすれば制作者にとっても、ユーザ...... CSS Spriteのあれこれ。…

最近は、これらを念頭に作業をしている。

作業の効率化
ファイル容量の軽減
シンプル

なるべく無駄をなくして、シンプルな形にすれば制作者にとっても、ユーザ……

]]> 管理人 より http://www.designwalker.com/2008/02/css-sprite.html/comment-page-1#comment-1007 管理人 Tue, 19 Feb 2008 16:09:36 +0000 http://new.designwalker.com/2008/02/css-sprite%e3%82%92%e6%b4%bb%e7%94%a8%e3%81%97%e3%82%88%e3%81%86.html#comment-1007 YSAIXさん<br />コメントどうもありがとうございます。『ファビコンをランダムに読み込む』ですか・・・調べてみますね。。<br /><br />TRANSさん<br />ご指摘のとおり、一枚ものの画像ではありませんが・・・Home, About, Rssのボタンのロールオーバー部分で、使われていたので、ご紹介させていただきました。説明が不十分で申し訳ございません。<br /><br />通りすがりさん<br />確かに、印刷用のCSSも適用すると良いですよね。 YSAIXさん
コメントどうもありがとうございます。『ファビコンをランダムに読み込む』ですか・・・調べてみますね。。

TRANSさん
ご指摘のとおり、一枚ものの画像ではありませんが・・・Home, About, Rssのボタンのロールオーバー部分で、使われていたので、ご紹介させていただきました。説明が不十分で申し訳ございません。

通りすがりさん
確かに、印刷用のCSSも適用すると良いですよね。

]]>