目次
bad-company
私がよく利用させて頂くのは、box-Shadowジェネレータですが、
text-Shadowジェネレータもあります。
色を選択して、数値を入力するかバーで設定するだけで簡単にShadowを確認しながら設定できます。
CSS三角形作成ツール
画像などの代わりに擬似要素などで三角を作ることって結構ありますよね。
よく使うのは吹き出しや矢印がわりの三角などでしょうか?
このジェネレーターを使うと色を選択して、三角の向きを選び、数値を入力するだけで設定完了です!
CSS ANIMATION
CSSのみでアニメーションを作ってくれるジェネレータです。
操作性は簡単でドラッグした動きに合わせてアニメーションを作ってくれます。
Ultimate CSS Gradient Generator
グラデーションのジェネレータです。
Photoshopなどでグラデーションを作るときみたいな操作性です。
縦、横、斜めからのグラデーションに対応しており非常に便利です。
CSS3 Patterns Gallery
ジェネレータでは無いのですが、非常に便利だったのでこちらもご紹介!
background-linear-gradientを使って様々なCSSのパターンが用意されています。
もちろん、パターンの編集をしながらサイト内で確認することも可能です。
まとめ
紹介した以外でも様々なジェネレーターがあり画像を使わなくてもいい軽量なサイトを作ることができやすくなってきています。
みなさんも積極的にジェネレーターなどを用いて画像を使わないサイト作りをしてみて下さい。