直打ちでは結構面倒なので。

どうも！

今日はWebのお話でございます。

CSS3が出てきて久しい昨今。ボタンなんかもそれで作ることが多くなってきました。
また、スマートフォンのページは表示速度、レンダリングのキレイさの関係で大体CSS3で組むようになってきてるようです。
CSS3、いろいろできるのはいいのですが、書くことが多く、コードを見るだけだとイメージしづらいと個人的に思っています。Dreamweaverのプレビューではちゃんと表示されないので、ちょっと苦労します。


何かいいのないかなと探してみると、いいものがありました！


CSS3 Button Generator

ブラウザ上で簡単にCSS3のボタンが作れちゃいます！



背景色、グラデーション、余白、ドロップシャドウ、文字色などが指定できて、上にプレビューが表示されます。



同時にコードも発行されます。手打ちでこれだけ書くのは大変…。
あとはページにあわせてちょいとスタイルをいじって実装！こりゃ簡単！


さらに「SAVE+SHARE」を押すと、自分の作ったボタンがWeb上に保存されます。




さらにさらに、人の作ったボタンも見ることができるんです。
みてるだけでも楽しいです。
「これ、どうやってるんだろう？」と思ったら、そのボタンのコードを見ることもできます。


これはとても便利っす！
これからいろいろと活用、応用していきたいと思います！



では、また明日！