Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[WEB SERVICE] Sprite Creator 1.0 – CSS Spriteのコードジェネレーター

  • Pocket
  • このエントリーをはてなブックマークに追加

これは便利! CSSスプライト用のソースをはき出してくれるジェネレーター。方法は簡単で、ボタン類の画像を1枚にまとめたJPGをアップロードすると、サイト内に表示されます。あとは座標を指定したい場所をドラッグすれば、その範囲を指定するCSSが右側にリアルタイムに表示されます。あとはそのソースをコピペして使えばいいだけ。範囲指定の微調整は、キーボードの十字キーを使って1px単位で操作できます。最近じゃすっかりメジャーな技術になったCSS Sprite。ソース書き慣れた人には逆に面倒かもしれませんが、これからって人にはイイ感じのサイトなんじゃないでしょうか。

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください