opera mobile html5 css3 standards

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