opera mobile html5 css3 standards
DESCRIPTION
TRANSCRIPT
Opera Mobile HTML5 功能
Friday, June 10, 2011
Zi Bin 谢子斌
Opera宣讲师
W3C中文兴趣小组主席
新浪/twitter: zibin
Friday, June 10, 2011
Opera Mobile HTML5 功能
Friday, June 10, 2011
手机浏览器网路标准 功能
Friday, June 10, 2011
Reference: http://www.slideshare.net/pp.koch/the-mobile-browser-worldFriday, June 10, 2011
Reference: http://www.slideshare.net/pp.koch/the-mobile-browser-worldFriday, June 10, 2011
Opera MiniOpera Mobile
Friday, June 10, 2011
What is HTML5, anyway?
Friday, June 10, 2011
What is HTML5, anyway?五个人，五个答案
Friday, June 10, 2011
What is HTML5, anyway?五个人，五个答案
geolocation
Friday, June 10, 2011
What is HTML5, anyway?
geolocation video
五个人，五个答案
Friday, June 10, 2011
What is HTML5, anyway?
geolocation video
CSS 3
五个人，五个答案
Friday, June 10, 2011
在手机端呢？
Friday, June 10, 2011
CSS3
Backgrounds & Borders \ Color
Transitions & 2D Transforms
Selectors
Web Fonts (WOFF) Media Queries
Friday, June 10, 2011
HTML5
input type \ input attribute *
audio video
contentEditable
input type demo: http://devfiles.myopera.com/articles/4582/html5-forms-example.html
Friday, June 10, 2011
Storage
localStorage sessionStorage
AppCache Web SQL DB
indexedDB
Friday, June 10, 2011
Graphics
SVG Canvas
SMIL WebP
* Opera Mini does not support asynchronous operations or user interaction events in SVG, canvas, and SMIL.
Friday, June 10, 2011
Others
Selectors API Viewport
@viewport Touch Events
Geolocation
multi touch demo: http://www.quirksmode.org/m/tests/drag2.html
Friday, June 10, 2011
http://www.flickr.com/photos/spitzgogo/286917522/
Friday, June 10, 2011
Orientation
demo: http://sandbox.juurlink.org/accelerometer/
Friday, June 10, 2011
Web Cam Support( getUserMedia API ) / DAP?
demo: http://people.opera.com/richt/release/demos/device/basic/device_helloworld.html
Friday, June 10, 2011
手机远程除错
Friday, June 10, 2011
谢谢 Q&A新浪/twitter: zibin
Friday, June 10, 2011