2011/4/21(木)第16回 HTML5とか勉強会
- kimukou2628
- 2031
- 0
- 1
- 0
( #html5j live at http://ustre.am/eeP5 ) Regressive Enhancement: 古いブラウザに対して<=気合いでエミュレート(JQuery Mobileとか!) <=気合いはコスト高い! ライブラリを使うべき!
2011-04-21 19:26:56( #html5j live at http://ustre.am/eeP5 ) VideoJS: ・video.js include<=気合い注入 1)video controls <=タグあるかどうか 2)無ければswf再生 3)最後にダウンロードボタン<=諦めたw
2011-04-21 19:28:45( #html5j live at http://ustre.am/eeP5 ) Graceful Degradation) ・必要機能がないUAを救済 =>何かあっても縮退してでも最低限の機能提供 [移動する という目的]ベンツ=>自転車=>靴
2011-04-21 19:30:28RT @shunk: [みてる]第15回HTML5とか勉強会 ( #html5j live at http://ustre.am/eeP5)
2011-04-21 19:31:17( #html5j live at http://ustre.am/eeP5 ) 参考例) 1)Canvasを試す(グラフ描画) 2)駄目ならテーブルで・・ <=ただ新しいUAでJS/OFFにするとグラフ表示しない!<限界点
2011-04-21 19:32:10Graceful Degradation Fail Safe/Fault Tolerant 必要な機能がないUAを救済 #html5j
2011-04-21 19:32:45( #html5j live at http://ustre.am/eeP5 ) Progressive Enhancement) ・最低限:マークアップだけ ・UAの能力に応じて機能アップ=>最高のUAなら 美味しそうなお菓子に見える!
2011-04-21 19:33:29Progressive Enhancement:まずはマークアップから書き始め、UAの能力に合わせて機能アップしていく #html5j
2011-04-21 19:34:28( #html5j live at http://ustre.am/eeP5 ) <figure> <table></table> </figure> としておいて、Canvas&JS対応なら要素を入れ替える<Canvasで表示!
2011-04-21 19:34:48progressive enhancement は最低限の機能を実現してから、拡張していく。 #html5j
2011-04-21 19:35:34そうだよね〜。QT @a_kimura: Progressive Enhancement:まずはマークアップから書き始め、UAの能力に合わせて機能アップしていく #html5j
2011-04-21 19:35:59( #html5j live at http://ustre.am/eeP5 ) 重要な事) ・HTMLからJS,CSS,HTMLはファイルに完全に分離すべき<3層分離 ・優先順位を間違えない! <=アクセシビリティが優先、ユーザビリティはオプション
2011-04-21 19:38:09( #html5j live at http://ustre.am/eeP5 ) DTPレイアウト=>WEBの感覚があるから、こういう話が目に鱗にかんじるんだよな・・・
2011-04-21 19:39:04( #html5j live at http://ustre.am/eeP5 ) 参考図書) ・Dom Scripting ・progressive enhancement <=kindleで売ってますよ。お勧め!
2011-04-21 19:40:19