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

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のコーディングで表現力が増えるのはいいことですよね。結構ややこしくなってる気がしますが。。

一度見てみてください。

Stronger, Better, Faster Design with CSS3