CSSスプライト用の画像とCSSを自動で作成してくれるWEBサービス | Web活メモ帳
ちょっと便利かもと思ったのでご紹介。 CSSスプライト用の画像作成って以外と手間がかかりますよね。 本日紹介する「SpriteMe」というサイトはブックマークレットからCSSスプライト用の画像とCSSを書き出してくれるWEBサービスです。 詳しくは以下 ブックマークレットから実行可能 以下のブックマークレットを使用する事で、好きなサイトでCSSスプライト用の画像を作成する事が可能になっています。 SpriteMeブックマークレット ブックマークを実行すると、画面に使用している画像の一覧が表示されます。 試しに当サイトで実行してみた所です。 make spriteボタンをクリックすると、ファイルのリンク先が書き換えられるのでダウンロードして使用する事ができます。 ちなみにですが、 CSSスプライトとは複数の画像を一枚の画像にする事で読み込みリクエスト数を少なくし、 サイトの表示を高速化するテ
手軽にcssスプライトを作れるシンプルなWebサービス・css sprites generator - かちびと.net
cssスプライトは複数の画像を 1つの画像にして、容量を軽減 する手法ですが、このcssスプ ライト用の画像を簡単に作成 出来るジェネレーターがありま したのでご紹介します。 以前MOONGIFTさんで記事になったジェネレーターのようにzipで多くの画像にも対応しているようなものではなく、2~3枚の画像から作るようなシンプルな物になります。簡単なやつをサクッと作りたい、という時に良さそうです。 cssスプライト用の画像をアップロードするだけ。オプションで位置や背景色の指定も可能ですが、設定項目も少ない、極めてシンプルなものです。 画像をアップロードしたらgeneratorボタンを押せば完成です。それぞれの画像の位置も出してくれるのでcssを書くときに指定するだけ。 なかなか手軽で良いのでは。ご利用は以下より。 css sprites generator
Tonttu
Tontuu is help for web-developer to create CSS Sprites・ファイルの読み込み(ドラッグ＆ドロップ) ・ソート1 (Sort direction:col ⇒ Sort type:IMAGEBASE ⇒ padding:0) ・ソート2 (Sort direction:row ⇒ Sort type:IMAGEBASE ⇒ padding:30) ・ソート3 (Sort direction:col ⇒ Sort type:POSITIONBASE ⇒ padding:100) ・ソート4 (Sort direction:row ⇒ Sort type:POSITIONBASE ⇒ padding:150) ファイルを開く 画像ファイル(gif,jpeg,png)、もしくは拡張子.ttdのプロジェクトファイルを、2通りの方法で開くことが出来ます
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ページを開く
CSSスプライト作成補助ツール「CSS Sprit.es」:phpspot開発日誌
