CSS３を使った、強くて速いデザイン例 – creamu

CSS3でできることをいち早く知っておきたい。 そんなあなたにおすすめなのが、『Stronger, Better, Faster Design with CSS3』。CSS３を使った、強くて速いデザイン例です。 以下の例が紹介されています。 Inline Form Labels inputのフィールドに透かしテキストを入れる方法。MobileMeで使われていますね。フォーカスした時にopacityで透明度を変化。デモはこちら Fast, Easy Drop-in Modals 綺麗なグラデーションの背景と、ドロップシャドウのついたモーダルダイアログ。美しい。デモはこちら Newspaper Layouts with Columns and Image Masks 新聞紙のような綺麗なカラムレイアウトと、グラデーションによるイメージマスクの例。デモはこちら CSSのコーディングで表現力が増え

[diveintounlimit]

ブラウザでの対応が待たれるところ。でも過去ブラウザ互換を残しつつ実装を進めていくのはありかも。お客さんの要件次第だなぁ。中国のAppleサイトみたいな見切りはありかもしれない。

[ronck]

css3をつかった、Aerodynamicなデザイン例。

[sihou1]

css3デザイン一例

[kathew]

CSS3へのブラウザの対応が現在時点ではまだいまいちな点には気をつけねばなぁ

[pitworks]

inputのフィールドに透かしテキストを入れる方法　綺麗なグラデーションの背景と、ドロップシャドウのついたモーダルダイアログ　新聞紙のような綺麗なカラムレイアウトとグラデーションによるイメージマスク

[mosi_mosi]

CSS

[sonesuke]

"CSS３を使った、強くて速いデザイン例 | CREAMU" (