HTML5 and the Future of Apps

Future of the Web and HTML5 Tom Hughes-Croucher Technical Evangelist, Yahoo! Developer Network

CC Photo by Marien van Os

cc Xkcd.com

PHP 5 has goto() HTML 5 !has goto()

var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState == 4) { processChange(); } } xhr.open("GET", "/foo/bar"); xhr.send(null);

Revolutionary Technologies Graphics

Revolutionary Technologies Graphics Fast JavaScript

Revolutionary Technologies Graphics Fast JavaScript Background Processing

Revolutionary Technologies Graphics Fast JavaScript Background Processing Beyond the desktop

Revolutionary Technologies Graphics Fast JavaScript Background Processing Beyond the desktop Breaking through the sandbox

Graphics

No start-up delay

No start-up delay Available on mobile devices today

No start-up delay Available on mobile devices today Rendering ﬁdelity with browser (especially important for typography)

No start-up delay Available on mobile devices today Rendering ﬁdelity with browser (especially important for typography) No bridges necessary

No start-up delay Available on mobile devices today Rendering ﬁdelity with browser (especially important for typography) No bridges necessary Not a plug-in

TypeKit

3D Cube Defence http://nitobi.com/yohei/cube_defense_alpha/# by Yoshi Shimomea

Fast JavaScript

2.0 Beta Alph a Beta Chrome’s V8 Safari’s SquirrelFish Extreme Firefox’s TraceMonkey Opera's Carakan

irc://chat.nodejs.org #w2e Chrome’s V8

Background Processing

1 Browser User Interface 2 Background Thread

1 Browser User Interface X 2 Background Thread

1 Browser User Interface 2 Web Workers Background Thread

Fluid Mozilla Prism Adobe AIR Appcelerator Titanium

Beyond the desktop

“The browser is the most hostile programming environment ever devised” -Doug Crockford

“I used to think the browser was the most hostile programming environment ever devised, but then I discovered programming for mobile” -Doug Crockford

The Web?

1,500,000,000+

Huge Deployment Huge Developer Base No Vendor Control

Breaking through the sandbox

Geolocation http://html5demos.com/geo (FF 3.5 only)

280 Slides http://280slides.com/Editor/

Drag’n’drop http://html5demos.com/drag http://html5demos.com/drag-anything

BROWSER PLUS

Photodrop http://browserplus.yahoo.com/demos/photodrop/

Gluing it together

Firebug By Joe Hewitt

Firebug By Joe Hewitt Yes, that Joe Hewitt

Firebug Plug-ins YSlow, FirePHP, Pixel Perfect, Firebug Code Coverage, FireUnit

WebKit Inspector Now with event listeners, show colors, and much more

Heap Explorer

Task Manager

V8 JSON Debugging Protocol “Scope” Debugging Protocol “Crossﬁre” Debugging Protocol Google Group: WebDebugProtocol

Atul Varma’s Memory Proﬁler:

In Conclusion

Great Widgets Easy Great Deployment FX Extensive Great Mobile Customization Story Vectors Open Web Easy Desktop Remoting Integration Easy State-of-the-Art Programming Plug-ins Model

Thanks Dion Almaer Ben Galbraith Remy Sharp

Tom Hughes-Croucher croucher@yahoo-inc.com t ou ch eep in twitter.com/sh1mmer K speakerrate.com/sh1mmer The Cloud’s Hidden Lock-in: Thursday 2:25pm Network Latency 1A21

http://cdmwebguru.blogspot.com	227
http://www.web2expo.com	27
http://www.slideshare.net	26
http://cdmwebguru.blogspot.it	7
http://www.techgig.com	4
http://cdmwebguru.blogspot.in	4
http://translate.googleusercontent.com	1
http://cdmwebguru.blogspot.com.au	1
http://cdmwebguru.blogspot.gr	1

HTML5 and the Future of Apps

by Tom Hughes-Croucher on Nov 17, 2009

Accessibility

Categories

Upload Details

Usage Rights

9 Embeds 298

Statistics

HTML5 and the Future of Apps Presentation Transcript