• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
HTML5 and the Future of Apps
 

HTML5 and the Future of Apps

on

  • 4,791 views

 

Statistics

Views

Total Views
4,791
Views on SlideShare
4,489
Embed Views
302

Actions

Likes
13
Downloads
128
Comments
1

10 Embeds 302

http://cdmwebguru.blogspot.com 229
http://www.web2expo.com 28
http://www.slideshare.net 26
http://cdmwebguru.blogspot.it 7
http://cdmwebguru.blogspot.in 4
http://www.techgig.com 4
http://translate.googleusercontent.com 1
http://cdmwebguru.blogspot.com.au 1
http://cdmwebguru.blogspot.gr 1
http://www.verious.com 1
More...

Accessibility

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Dion

HTML5 and the Future of Apps HTML5 and the Future of Apps Presentation Transcript

  • Future of the Web and HTML5 Tom Hughes-Croucher Technical Evangelist, Yahoo! Developer Network
  • Future of the Web and HTML5 Tom Hughes-Croucher Technical Evangelist, Yahoo! Developer Network
  • Future of the Web and HTML5 Tom Hughes-Croucher Technical Evangelist, Yahoo! Developer Network
  • Future of the Web and HTML5 Tom Hughes-Croucher Technical Evangelist, Yahoo! Developer Network
  • CC Photo by Marien van Os
  • 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);
  • 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
  • Text
  • Text
  • Text
  • No start-up delay
  • No start-up delay Available on mobile devices today
  • No start-up delay Available on mobile devices today Rendering fidelity with browser (especially important for typography)
  • No start-up delay Available on mobile devices today Rendering fidelity with browser (especially important for typography) No bridges necessary
  • No start-up delay Available on mobile devices today Rendering fidelity 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 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
  • Firebug Plug-ins YSlow, FirePHP, Pixel Perfect, Firebug Code Coverage, FireUnit
  • Firebug Plug-ins YSlow, FirePHP, Pixel Perfect, Firebug Code Coverage, FireUnit
  • Firebug Plug-ins YSlow, FirePHP, Pixel Perfect, Firebug Code Coverage, FireUnit
  • 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 “Crossfire” Debugging Protocol Google Group: WebDebugProtocol
  • Atul Varma’s Memory Profiler:
  • 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