CSS3 buttons 素敵なCSS3ボタンのショーケース。 次のようなCSS3で実現された素敵なボタンが沢山掲載されているページのご紹介 CSS3でのボタン作成の際の参考にできそうです 関連エントリ 綺麗にデザインされたCSS3ボタンのまとめ CSS3なボタンをWEB上で作れる「Button Maker」 これは必見のスイーツのような可愛らしいCSS3ボタン「BonBon Buttons」 CSS3でクールなボタンを作るチュートリアル集いろいろ 立体感がいい感じのiPhoneにも採用されているボタン実装CSS3サンプル

14 CSS3 Smashing Generators | Marked Lines CSS3のジェネレーターが１４種まとまったエントリのご紹介。 既に紹介したものを多く含まれていますが、CSS3の作成をツールを使ってより効率化しちゃいましょう。 CSS3 Please! １個のプロパティを編集すれば全部変わるもの CSS3 Generator v1.5 ウィザード形式でCSS3プロパティを簡単作成 CSS3 Generator – Widgetpad クリックで簡単にCSS3生成 CSS3 Gradient Generator v2.0 グラデーションを使ったボタンを生成 Westciv Tools WYSIWYGなCSS3プロパティ調整ツール色々 CSS Border Radius Radiusに絞った超シンプルツール。よく使うRadiusプロパティを一発生成 全部見る 関連エントリ

Maintainable CSS3 Using PHP PHPを使ってCSS3のプロパティを便利に使えるスニペット。 CSS3のbox-shadowといったプロパティはブラウザごとに違いますが、これを全ブラウザ用に書くのは手書きとかだとメンド臭いですね。 そこで次のような関数を用意しておくと便利かもというスニペットです。 css3_props関数で次のように便利に使うことができます。 cssファイルにphpを使うということで若干負荷は上がるのを覚悟すればなかなか便利に使えそうですね。 関連エントリ 便利なCSS3ツール6つ＋α IE6-8でもCSS3が使えるようになる「CSS3 PIE」 ピュアCSS3で3Dアニメーション IE6-8でもCSS3に対応するライブラリまとめ

25 Amazing CSS3 Experimentations and Demos | Vandelay Design Blog CSS3を使った驚きのデモいろいろ２５種類。 時計やアイコン、本のページめくり風効果等、CSS3を使ってここまで出来るんだ、というサンプルが色々。 次世代のWEBはこうしたものが当たり前に使われて、出来る事すら当たり前になっていそうですね。 関連エントリ 便利なCSS3ツール6つ＋α IE6-8でもCSS3が使えるようになる「CSS3 PIE」 ピュアCSS3で3Dアニメーション

CSS3 Media Queries 下記は各ポイントを意訳したものです。 はじめに CSS2のMedia typesではscreen, printなどのように特定のメディア用のスタイルシートを設定することができました。CSS3ではクエリを加えることで、さらに効率的にスタイルシートを使用できます。 Media Queriesはユーザーの状態を調べ、それにあった特定のスタイルシートを適用することができます。例えば、大きいディスプレイ用と小さいモバイル用にそれぞれ異なるスタイルシートを指定することができます。 Media Queriesの使い方 まずは、デモページをみてください。 ブラウザのサイズを変更すると、スタイルが変更されます。

CSS3って角丸とかシャドウとかグラデーションでしょ、という人に知っておいてほしいCSS3の大切なテクニックを紹介します。 3 Advanced CSS3 Techniques You Should Learn デモページ（※キャプチャはChrome） [ad#ad-2] 1. Advanced Selectors CSS3で最も重要といってもよい特徴の一つが「Advanced Selectors」です。簡単に説明すると、特定のHTMLエレメントに対してIDを使用しないで、スタイルを適用できるものです。 リスト要素で配置した下記のデモを見てください。 背景色を奇数番目はブルーに、更に5番目はレッドにしています。