HTML5 + CSS3 プロエンかグレデグかポリフィルか

http://www.adobe.com/jp/joc/devnet/dreamweaver/articles/html5pack_css3_part6.html

PROGRESSIVE ENHANCEMENT(プログレッシブ エンハンスメント)
新しいブラウザにはよりよい機能やクールなデザインを提供するよ(基準は古いブラウザ)

Graceful Degradation(グレイスフル デグラデーション)
古いブラウザは機能制限やダサいデザインで我慢してもらうよ(基準は新しいブラウザ)

Polyfill(ポリフィル)
古いブラウザでも新しいブラウザと遜色ないようにがんばる(基準は新しいブラウザ)



ポリフィル、めんどいな。
古いブラウザのユーザー数にもよるし、受託案件だとクライアントの意向もあるんだろうけどさ。

現状だと、プロエンかグレデグを選択するんだろうけど、
気持ち的にも語感的にもグレデグを選択したいものですね。

しかし、この記事よくまとまってるな。
  • edit
  • 2011.08.18 Thursday

HTML5 + CSS3 CSS3だけでつくるすてきボタン


http://coliss.com/articles/build-websites/operation/css/css-tutorial-css3-gradient-buttons.html

demo
http://www.webdesignerwall.com/demo/css-buttons.html
  • edit
  • 2010.05.13 Thursday

HTML5 + CSS3 HTML5の作成に便利なサイト

■HTML5のバリデーション
http://validator.nu/

■HTML5リファレンス
http://adactio.com/extras/pocketbooks/html5/

■HTML5,CSS3、APIも含めたブラウザの対応表のリファレンス
http://a.deveria.com/caniuse/
  • edit
  • 2010.04.11 Sunday

HTML5 + CSS3 クロスブラウザ対応のCSS3のエフェクトまとめ

The Cross-Browser CSS3 Rule Generator
http://css3please.com/
  • edit
  • 2010.03.31 Wednesday

HTML5 + CSS3 HTML5+CSS3でできること

■【特集】HTML5について
http://coolcoding.com/2010/01/html5/

■HTML5, きちんと。(HTML5の概要スライド)
http://www.slideshare.net/myakura/html5-2480964

■ネイティブなドラッグ&ドロップ
http://www.html5.jp/html5doctor/native-drag-and-drop.html

■HTML5入門:アニメーションの実装方法3種
http://satoshi.blogs.com/life/2009/10/html5-animation.html

■HTML5 gallery (HTML5をつかったサイトの紹介)
http://html5gallery.com/

■HTML5サンプル集 - 株式会社あゆた
http://ayuta.co.jp/html5-samples/index.html

■CSS3だけで作るドロップダウンメニュー
#nav li:hover > ul {} みたいに書くと階層になるようだ。

http://www.webdesignerwall.com/demo/css3-dropdown-menu/


■CSS3のtransformの実装サンプル
http://kachibito.net/web-design/css3-transform-sample.html
  • edit
  • 2010.03.15 Monday

1