CSS3 Button Generator

グラデーションやドロップシャドウを使ったボタンのCSS3コードが簡単に作成・共有できる、「CSS3 Button Generator」というサイトを公開しました。

適当にパラメーターいじって「SAVE+SHARE」と書いてる矢印ボタンをクリックすると「OK?」という確認が出るので、再度クリックすることで投稿されます。
投稿されたボタンはSHOWCASEのページに並ぶので、さらにそれらをベースにして新しいボタンを作ることもできます。

名前入力欄もユーザー登録もないんですべて作者不明の状態で並んでいきますが、まあそんな大げさなものじゃないし個人情報を扱うわけでもないんで、あえて気楽に触れる作りにしてみました。
PRESETのページには僕が作ったボタンも並べてるので、適当に編集してみてください。

ちなみにChromeでのbox-shadowのinsetの挙動とか怪しい部分もあるんで、そこら辺諸々は調べ中です…。web-kitでもやっぱりSafariとChromeで色々違うもんなんですねえ。
あとどう考えてもちょっと重いんで、その辺りも週末にでも追々修正していければと。ただでさえ重かったのに、欲張ってAdsense貼ったらさらに重くなっちゃって。

それにしてもこのぐらいの規模のミニサイト作るのって楽しいですね。
飽きる前に作り終わる気楽さがイイ。

あ、もちろんIEは非対応です。