手軽にcssスプライトを作れるシンプルなWebサービス・css sprites generator - かちびと.net
cssスプライトは複数の画像を 1つの画像にして、容量を軽減 する手法ですが、このcssスプ ライト用の画像を簡単に作成 出来るジェネレーターがありま したのでご紹介します。 以前MOONGIFTさんで記事になったジェネレーターのようにzipで多くの画像にも対応しているようなものではなく、2~3枚の画像から作るようなシンプルな物になります。簡単なやつをサクッと作りたい、という時に良さそうです。 cssスプライト用の画像をアップロードするだけ。オプションで位置や背景色の指定も可能ですが、設定項目も少ない、極めてシンプルなものです。 画像をアップロードしたらgeneratorボタンを押せば完成です。それぞれの画像の位置も出してくれるのでcssを書くときに指定するだけ。 なかなか手軽で良いのでは。ご利用は以下より。 css sprites generator
CSS Spriteなどブラウザとサーバの通信を減らすテク（1/2） - ＠IT
株式会社ライブドア マークアップエンジニア 浜 俊太朗 2009/6/8 ページ表示高速化をサーバの設定だけに任せていませんか？ HTMLやCSS、JavaScriptの書き方でも速くできます（編集部） HTTPにおけるリクエストの数を意識してますか？ 連載第1回の「Webサイトを“速く”表示させる7つの計測ポイント」では、YSlowを使って速度に関する問題を調査しました。 今回は、その問題点の中でもWebブラウザとサーバの間で行われるやり取り「HTTPリクエスト」に関する内容です。とはいっても、サーバやプログラムの難しい話はあまり出てきません。CSSや画像の工夫で速度の改善を目指します。 □ Webデザイナーも「HTTP」を意識しよう 「HTTP」と聞くと、「なんだか面倒くさそう」「難しいんじゃないの？」「それプログラマの仕事でしょ」とか思っていませんか？ 確かに、HTTPの内容はプログ
1枚の画像を切り出すテクニックCSS Sprite、便利ツール登場 | エンタープライズ | マイコミジャーナル
Chris Brainard - Web Developer Extraordinaire Webページに表示される画像をひとつの画像にまとめ、表示する際にCSSで切り出して使うテクニックがある。通称「CSS Sprite」と呼ばれるテクニックで、Ed Eliot氏およびStuart Colville氏が2007年9月28日(ドイツ時間)にCSS Sprite Generatorを公開してからとくに広がりを見せたテクニックだ。CSS Sprite Generatorは複数の画像を1枚の画像にするとともに、それぞれの画像にアクセスするためのCSSを生成する。CSS Spriteを実施するためのツールだ。 Sprite Creator 1.0動作画面 これと似ているが、逆に1枚の画像から特定の画像を取り出すCSSを作成するためのツールSprite Creator 1.0がChris Brain
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
