
【generator】デモサイトのダミー画像生成サービス!

ジェネレーターページ
・下記の4種類作ってアップすればOK
<!– スマホ用基本 –>
<link rel=”apple-touch-icon-precomposed” href=”画像のURLをセット”>
<!– iPad用基本 –>
<link rel=”apple-touch-icon-precomposed” sizes=”76×76″ href=”画像のURLをセット”>
<!– スマホのRetina用 –>
<link rel=”apple-touch-icon-precomposed” sizes=”120×120″ href=”画像のURLをセット”>
<!– iPadのRetina用 –>
<link rel=”apple-touch-icon-precomposed” sizes=”152×152″ href=”画像のURLをセット”>
http://rakuten-tips.com/htmlcss/generator/
http://jeremyckahn.github.io/stylie/
動作デモを確認しながらお気に入りの動きを見つけることができます。色々と試してみてください。
http://www.colorzilla.com/gradient-editor/
GUI付きで使いやすい
SCSSも対応
https://www.toptal.com/developers/css/sprite-generator
画像をドラッグでアップするだけでスプライトを生成!
http://www.spritebox.net/
cssだけじゃなくsassのコードも吐き出してくれる