More Related Content
Similar to Progressive Enhancement - クロスブラウザー対応に必要なこと - Microsoft IE10 移行セミナー
Similar to Progressive Enhancement - クロスブラウザー対応に必要なこと - Microsoft IE10 移行セミナー (20)
More from Futomi Hatano (9)
Progressive Enhancement - クロスブラウザー対応に必要なこと - Microsoft IE10 移行セミナー
- 1. 株式会社ニューフォリア 最高技術責任者
有限会社 f utomi 代表取締役
羽田野 太巳(はたの ふとみ)
@futomi futomi.hatano
http://www.html5.jp/
- 12. 開発アプローチ
写真: http://www.flickr.com/photos/15216811@N06/5254696771/
- 21. 高
Regressive Enhancement
U
X
の
レ
ベ
ル
低
低 UAの機能実装度 高
- 25. <meter value="20"
min="0" low="30" high="70" max="100" optimum="100"></meter>
<script src="jquery.min.js"></script>
<script src="jquery.html5jpMeterPolyfill.js"></script>
<script>
$(document).ready(function() {
$('meter').html5jpMeterPolyfill();
});
</script>
http://www.html5.jp/library/meter.html
- 33. 新しいUA 古いUA
JS/ON
JS/OFF
- 39. 新しいUA 古いUA
JS/ON
JS/OFF
- 45. Desktop
13%
Notebooks
23% Smart phones
54%
Pads
Netbooks 7%
3%
http://www.canalys.com/newsroom/smart-phones-overtake-client-pcs-2011
- 51. too Big...
SHARP BIG PAD
http://www.sharp.co.jp/bigpad/
写真: http://itpro.nikkeibp.co.jp/article/NEWS/20120424/393163/ /
- 55. Internet Explorer 10
”Native HTML5 support”
ビデオ: http://channel9.msdn.com/Events/MIX/MIX11/KEY01
写真: http://blogs.msdn.com/b/iefrance/archive/2011/04/12/internet-explorer-10-platform-preview-1-pr-233-sent-233-224-mix-2011.aspx
- 57. 株式会社ニューフォリア 最高技術責任者
有限会社 f utomi 代表取締役
羽田野 太巳(はたの ふとみ)
@futomi futomi.hatano
http://www.html5.jp/