For Opera presentation mode select "View" ->"Full Screen". (To see how it works, Use the Source)

HTML5 + more

More Web for more people

~~Charles McCathieNevile~~

Chaals

Opera Software

Themes

Why HTML5?
What is HTML5?
What isn't HTML5?
How do they get made?
APIs for new applications
More demos

Why HTML5?

HTML 4 was the best…
WML was great for phones…
XHTML technically better
XHTML 2 was the future…

…but users wanted the Web

HTML5: For web applications

New in HTML5

(Reality- and) DOM-based
<canvas>, <video>, <audio>
Web forms 2.0
Include SVG, MathML, ARIA
postMessage, offline storage…

"HTML5" is a W3C specification

Not in HTML5

Geolocation
CSS3 transitions
Webfonts, borders
Database storage
New device/programming APIs

Innovation is everywhere

Video

<p><object width="541" height="311" data="http://vimeo.com/moogaloop.swf?clip_id=4469497&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=ffffff&fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=4469497&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=ffffff&fullscreen=1" /></object></p>

<video src="foo.webm" controls>

Like any element

Video requirements?

Seeking (done)
Captions (in progress)
Audio description (noted)
Changing channels (?)
"Poster" (done)
Dropped frames (in progress)

There's more. What are priorities?

Device APIs

Geolocation: In browsers, mobiles
JIL, BONDI -> WAC -> W3C: SMS, contacts, camera,; Billing, motion, etc
File system API: Opera 10.10, BONDI, …?

Programming APIs

XMLHttpRequest: (the Ax in Ajax); Network access in a page
Web workers: Background "threads"; For complex calculations

Offline Apps

Widgets: Locally installed
Appcache: Keep running offline
Storage APIs: Web storage; Database APIs

How W3C works

Requirements, proposals
Working group charter
Drafts, wide review
(i18n, Accessibility, security, …)
Consensus on best of breed
W3C Process Rules

A continuous open email discussion

Some more demos

Video:: Some demos
Other APIs: Web Workers; Geolocation (in svg); Canvas

and more demos

Style: Shadows; Shadows and webforms; Shadows and SVG; Webfonts: in HTML and in SVG
SVG: Animated editable text; UI mockup (code demo)

Thank you!

chaals@opera.com

There are no foolish questions
fools pose no questions

dev.opera.com/