search :

archive :



« Facebookスタイルのインターフェースを実装するスクリプト・素材20 | トップ | ScreenToasterおもろい »

CSS3 HTML5 デザイン 例

_Web Service | December 17, 2009, 19:01
はてなブックマーク

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

Editor's Note

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

Trackback URL :

プロフィール

プロフィール

WEB制作・ブランディングを主軸とした、株式会社クリーム代表取締役。

案件につきましては、「お問い合わせページ」からお気軽にご相談ください。

Recommend

  • Josef Muller-Brockmann: Pioneer of Swiss Graphic Design
  • Who Owns The Water?
  • Helvetica: Homage to a Typeface
  • Corporate Diversity: Swiss Graphic Design and Advertising by Geigy, 1940-1970
  • Typography (Graphic Design in Context)
  • +81 voyage or Tokyo Graphic passport World Tour---At Center Pompidou in Paris and 3331 Tokyo
  • WONDERWALL ARCHIVES 01

archive :