A Look at the Future of HTML5

A look at the future of HTML5 Living at the edge of the Web Future of Web Design 2011, New York Tim Wright, @csskarmaTuesday, November 8, 2011

Some crap about me. Blog at csskarma.com Tweet from @csskarma Write for Smashing Mag & SitePointTuesday, November 8, 2011

Woah there fellaTuesday, November 8, 2011

http://ishtml5readyyet.comTuesday, November 8, 2011

What is the future? Structural elements?Tuesday, November 8, 2011

What is the future? Form elements/validation?Tuesday, November 8, 2011

What is the future? History API?Tuesday, November 8, 2011

What we’ll talk about Improved UX 3D interactive graphics Some awesome device stuﬀ. Let’s get startedTuesday, November 8, 2011

Web Workers at the edgeTuesday, November 8, 2011

Web Workers Improved JavaScript Threading Main JS thread Secondary JS threadTuesday, November 8, 2011

Web Workers Adding a worker in main JS ﬁle var worker = new Worker(worker_script.js); worker.onmessage = function(e){ // do some stuff when the worker sends a message }Tuesday, November 8, 2011

Web Workers Adding a worker in worker_script.js //post your message to the requesting client postMessage(‘hello world’);Tuesday, November 8, 2011

Web Workers What’s it get ya?Tuesday, November 8, 2011

Web Workers SecurityTuesday, November 8, 2011

Web Workers Support Opera 10.6+ Chrome 3+ Firefox 4 + Safari 4.0+ Internet Explorer 10 ?Tuesday, November 8, 2011

WebGL at the Cutting EdgeTuesday, November 8, 2011

WebGL <canvas> OpenGL ES 2.0 Gaming Music Videos Data VisualizationsTuesday, November 8, 2011

WebGL My intro to WebGL “WebGL is a beast” - James Williams, WebGL guy.Tuesday, November 8, 2011

WebGL Drawing triangles Describing shapes to the GPU Texture, colour color, shades, lighting, etc.Tuesday, November 8, 2011

WebGL Let’s look at some awesomeness http://helloracer.com/webgl/Tuesday, November 8, 2011

Tuesday, November 8, 2011

WebGL Don’t worry, we have libraries three.js Full WebGL , SVG & Canvas support PhiloGL Best documentationTuesday, November 8, 2011

WebGL Support (as of Oct. 16) Opera 12+ Chrome 9 + Firefox 4 + Safari 5.1+ on Leopard, Snow Leopard or Lion Internet Explorer 10 ?Tuesday, November 8, 2011

WebGL What is our WebGL future? A ton of terrible games... and some cool ones. ... oh really?Tuesday, November 8, 2011

Device API (Web API) At the Bleeding EdgeTuesday, November 8, 2011

Device API Who’s working on it? Mozilla & W3C Since 2009 Since July/AugustTuesday, November 8, 2011

Device API Camera Gallery Contacts Network connection App Launcher File system Battery VibrationTuesday, November 8, 2011

Web API Accelerometer AppsTuesday, November 8, 2011

April. 2011 Device API <input type=”file” accept=” image/*” capture=”camera” id=”capture”> audio/* video/* http://dev.w3.org/2009/dap/camera/Tuesday, November 8, 2011

April. 2011 Device API http://dev.w3.org/2009/dap/camera/Tuesday, November 8, 2011

Oct. 2011 Device API navigator.contacts.find([‘name’,‘emails’], callback, { filter: ‘Bob’, multiple: true }); http://dev.w3.org/2009/dap/contacts/Tuesday, November 8, 2011

Oct. 2011 Device API http://dev.w3.org/2009/dap/contacts/Tuesday, November 8, 2011

Oct. 2011 Device API var battery = new BatteryStatusEventSource(); http://www.w3.org/TR/2011/WD-‐battery-‐status-‐20110915/Tuesday, November 8, 2011

Device API The challenges in API design.Tuesday, November 8, 2011

Device API When can we have it? Boot to GeckoTuesday, November 8, 2011

Device API Getting involved. wiki.mozilla.org/WebAPI Boot to GeckoTuesday, November 8, 2011

Further reading on Web Workers developer.mozilla.org/en/Using_web_workers on WebGL dev.opera.com/articles/tags/webgl on the Device API https://wiki.mozilla.org/WebAPI https://dev.w3.org/2009/dapTuesday, November 8, 2011

“If you never question the status quo, you will never make progress”Tuesday, November 8, 2011

Questions?Tuesday, November 8, 2011

Thanks! Email: timwright@csskarma.com Twitter: @csskarma Slides: csskarma.com/fowd Credit Font: Stag Vectors: The Noun ProjectTuesday, November 8, 2011

http://www.scoop.it	254
http://lanyrd.com	15
http://a0.twimg.com	13
http://paper.li	8
http://www.onlydoo.com	6
http://www.coderwall.com	2
http://us-w1.rockmelt.com	2
http://www.curro.co.za	1
http://smartclicknetwork.blogspot.com	1
http://www.foogletrends.com	1
http://livesportsro.blogspot.com	1
http://localhost	1
http://www.valuedfriends.eu	1

A Look at the Future of HTML5

by Tim Wright on Nov 08, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

13 Embeds 306

Statistics

A Look at the Future of HTML5 — Presentation Transcript