[CSS] SpritePad – 画像を放り込むだけでCSS Spriteのコードを生成してくれるウェブサービス
コーディング手法のひとつ、CSSスプライトってわりとコード書くのメンドいっすよね。このサイトでは画像を放り込むだけでCSSコードを生成してくれます。SafariではできなかったのでFirefoxで試してみました。そしたらこれがなかなかの便利っぷりで、そっこーでブックマーク放り込みました。いやこれナイスですよ。スタートするとキャンバスが出てくるので、そこに必要な画像ファイルをポイポイ放り込んで行けばオッケー。最初からCSSスプライト用にまとめた画像1つでも、複数でも大丈夫です。放り込む課程でリアルタイムにCSSコードが生成されます。一通り画像の配置が終わったら、必要に応じて「Fit document」をしましょう。画像サイズが最適化されます。あとは「Download」ボタンでファイル一式をZipファイルで落とせます。またプレミアムユーザーになれば、複数画像のオートアラインなんかもできるみたいですが、無料でも全然使えるっていうか超便利です。コーダーの方にオススメ。