先日、アニメーション付きCSSグラデーション生成ジェネレーター「CSS Gradation Generator」を紹介しましたが、同じようにCSSでボックスに影を付ける「box-shadow」プロパティを手軽にサクッと生成できる「CSS BoxShadow Generator」を作ってみたので紹介してみます。CSS B…

CSSのグラデーションプロパティを自動で生成してくれるジェネレーターは多々ありますが多機能な故に生成までにいろいろと入力に迷ったり、実行ボタンをクリックしないとCSSが生成されなかったり、もう少し手軽にサクッとCSSグラデーションプロパティを生成できるものがほしくて必要最低限の入力で必要最低限のCSSのグラデーションプ…

画像を一切使用せずに、CSS（CSS3）のみで形成された、さまざまなパターンのボタンをまとめているサイト「CSS3 buttons」がこの先活用できそうだったのでメモ書き。CSS3 buttons / ubuwaits.github.com/css3-buttons≫CSS3 buttons / ubuwaits.gi…

CSS3では今まで画像で作らなくてはならなかった角丸やグラデーションが画像を使用せずにCSSから形成可能になることも魅力の一つ。ですが現状は、CSS3でのグラデーションは記述がものすごく長くなるのでちょっと面倒だったり。そんなCSS3グラデーションを、ブラウザ上でのパレット操作から自動でCSSソースを生成してくれるジェ…

CSS3で新たに追加となる角丸やシャドウの指定を、サイト上で簡単に生成してくれるツール（ジェネレーター）は最近よく見かけますが、CSS3で追加となる主要機能をまとめてあれこれ試すことができるジェネレーター「CSS3.0 Maker」がこれまたすごい。≫CSS3.0 Maker | CSS3.0 Generator角丸（…

ボタンや写真画像などにCSSでボーダーを引いて、ロールオーバー等でのアニメーションエフェクトを簡単に付けることができる「Inset Border Effect jQuery Plugin」がちょっとおもしろい。≫Inset Border Effectデモ画面では写真画像にさまざまな線種のボーダーを引いて、マウスオーバー…

CSS3ではグラデーションや角丸加減を画像を一切使用せずにCSSのみで表現できるようになる、というのはもう有名な話。そんなCSS3を使ってブラウザ上から簡単にボタンを生成（画像の使用は一切なし）することができる「CSS3 Button Maker」が今後活用出来そうです。≫CSS3 Button Maker | CSS…