今回はすばらしいジェネレーターを5つ紹介します。Webデザイナーの方や、今からWebデザインを勉強中の方はぜひ、一度使ってみてください!。では早速ご紹介します↓
Index
1.HTML5のローディングムービーが作れるジェネレーター
2.ノイズ画像が作れるジェネレーター
3.グラデーションのCSSが簡単に作れるジェネレーター
4.CSS3コードを表示してくれるジェネレーター
5.HTML5でレイアウトをくんでくれるジェネレーター
HTML5のローディングムービーが作れるジェネレーター
Webページを読み込み中の時に表示されるくるくる回るアニメーションがローディングムービー。これをさくっとつくれるジェネレータがコチラ↓
CanvasLoader Creator
![$グラフィック・Webデザイナーのネタ | SOHO-College](https://stat.ameba.jp/user_images/20111013/18/soho-college/6d/66/j/o0500028811544698281.jpg?caw=800)
色、速さなどは自分でカスタマイズすることができます。「Download」をクリックすると、HTML5 Canvasデータがダウンロードできます。
2.ノイズ画像が作れるジェネレーター
noiseping
全体的にシンプルになり過ぎて物足りないとき、背景に少しこだわると全体がまとまっとりします。背景にノイズを加えてすこし立体感をだしたいときはこちらのジェネレータ。簡単にノイズを加えられます。
![グラフィック・Webデザイナーのネタ | SOHO-College](https://stat.ameba.jp/user_images/20111013/18/soho-college/25/23/j/o0500029811544703042.jpg?caw=800)
3.グラデーションのCSSが簡単に作れるジェネレーター
Ultimate CSS Gradient Generator
有名なジェネレータのひとつです。プレビュー画面に現れるグラデーションをみながら調整。右に表示にされるCSSコードをコピーしてつかうコトができます。
便利!
![グラフィック・Webデザイナーのネタ | SOHO-College](https://stat.ameba.jp/user_images/20111013/18/soho-college/b6/ae/j/o0500031511544730505.jpg?caw=800)
4.CSS3コードを表示してくれるジェネレーター
CSS3 Generator
CSS3の勉強にも役立ちます!コードを作ってくれるのでとても便利なジェネレータ。
5.HTML5でレイアウトをくんでくれるジェネレーター
CSS Creator
まとめ
ジェネレーターは便利ですが、その便利さによっかかってしまうという落とし穴もあるので使いすぎには要注意ですw。使い方によっては勉強になったり、時間の節約になったりするのでぜひためしてみてください♪