ジェネレーター
【design】ハイクオリティなアイコンをカスタマイズしてSVGで生成してくれるサイト
【jquery】slickにプログレスバーを追加する方法
ジェネレーターページ
【ジェネレーター】きれいなグラデーション生成ツール
【アイコン】スマホのブックマークアイコンの設置について
アイコンのジェネレーター
【まとめ】
・下記の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をセット”>
【css】CSS3でアニメーションをつけるジェネレーターまとめ
CSS3アニメーションのサンプルまとめ
http://rakuten-tips.com/htmlcss/generator/
使いやすいの
ぐりぐりドラッグでテストしながらアニメーションを作成できる
http://jeremyckahn.github.io/stylie/
動作デモを確認しながらお気に入りの動きを見つけることができます。色々と試してみてください。
jQueryでanimationを制御
SCSS対応 グラデーション生成するジェネレーター!
CSSでグラデーションを生成するジェネレーター
http://www.colorzilla.com/gradient-editor/
GUI付きで使いやすい
SCSSも対応
CSS スプライトジェネレーター:画像をアップするだけで簡単生成!
CSS Sprites Generator
https://www.toptal.com/developers/css/sprite-generator
画像をドラッグでアップするだけでスプライトを生成!
Spritebox
http://www.spritebox.net/
cssだけじゃなくsassのコードも吐き出してくれる