DiaryTechnology

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

By 12月 17th, 2009 No Comments

CSS3を使った、強くて速いデザイン例
CSS3でできることをいち早く知っておきたい。
そんなあなたにおすすめなのが、『Stronger, Better, Faster Design with CSS3』。CSS3を使った、強くて速いデザイン例です。
以下の例が紹介されています。

  • 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


うー頭がしんどいけどいろいろ進めなくては。。

Kunitaka Kawashimo

Kunitaka Kawashimo

アートディレクター・デザイナー・フォトグラファー。株式会社クリーム代表取締役。グラフィックデザイン/Webデザイン/撮影の仕事のご相談・ご質問は、お気軽に以下までご連絡ください。info@creamu.co.jp