制作に便利!よく使うCSSジェネレーター

制作に便利!よく使うCSSジェネレーター
  • tweet
  • いいね!
  • はてなブックマーク

更新日時

bad-company

css3Shadowジェネレータ

私がよく利用させて頂くのは、box-Shadowジェネレータですが、
text-Shadowジェネレータもあります。

色を選択して、数値を入力するかバーで設定するだけで簡単にShadowを確認しながら設定できます。

ジェネレータへ

CSS三角形作成ツール

css3三角ジェネレータ

画像などの代わりに擬似要素などで三角を作ることって結構ありますよね。
よく使うのは吹き出しや矢印がわりの三角などでしょうか?

このジェネレーターを使うと色を選択して、三角の向きを選び、数値を入力するだけで設定完了です!

ジェネレータへ

CSS ANIMATION

cssアニメーションジェネレーター

CSSのみでアニメーションを作ってくれるジェネレータです。
操作性は簡単でドラッグした動きに合わせてアニメーションを作ってくれます。

ジェネレータへ

Ultimate CSS Gradient Generator

cssグラデーションジェネレーター

グラデーションのジェネレータです。
Photoshopなどでグラデーションを作るときみたいな操作性です。

縦、横、斜めからのグラデーションに対応しており非常に便利です。

ジェネレータへ

CSS3 Patterns Gallery

cssパターン

ジェネレータでは無いのですが、非常に便利だったのでこちらもご紹介!
background-linear-gradientを使って様々なCSSのパターンが用意されています。

もちろん、パターンの編集をしながらサイト内で確認することも可能です。

ジェネレータへ

まとめ

紹介した以外でも様々なジェネレーターがあり画像を使わなくてもいい軽量なサイトを作ることができやすくなってきています。
みなさんも積極的にジェネレーターなどを用いて画像を使わないサイト作りをしてみて下さい。

和風デザイナー

和風デザイナーシミズ ヒロカズ

1987年京都府生まれ。奈良県の大学にて奈良文化、デザイン、アニメーションを学ぶ。

印刷物の編集プロダクションで編集とライターを経験した後、オンラインショップのマーケティングを担当、Web制作会社を経て独立。

日本の歴史・文化・伝統を取り入れたデザインを得意とする和風デザイン専門店ひだちデザインを開業。

デザイン・メディア・イベントを通して多くの方に日本文化を生活や事業に活かして頂くべく事業展開。