Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

HTML5 and the Future of Apps

5,586 views

Published on

HTML5 and the Future of Apps

  1. Future of the Web and HTML5 Tom Hughes-Croucher Technical Evangelist, Yahoo! Developer Network
  2. Future of the Web and HTML5 Tom Hughes-Croucher Technical Evangelist, Yahoo! Developer Network
  3. Future of the Web and HTML5 Tom Hughes-Croucher Technical Evangelist, Yahoo! Developer Network
  4. Future of the Web and HTML5 Tom Hughes-Croucher Technical Evangelist, Yahoo! Developer Network
  5. CC Photo by Marien van Os
  6. CC Photo by Marien van Os
  7. cc Xkcd.com
  8. PHP 5 has goto() HTML 5 !has goto()
  9. var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState == 4) { processChange(); } } xhr.open("GET", "/foo/bar"); xhr.send(null);
  10. var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState == 4) { processChange(); } } xhr.open("GET", "/foo/bar"); xhr.send(null);
  11. Revolutionary Technologies Graphics
  12. Revolutionary Technologies Graphics Fast JavaScript
  13. Revolutionary Technologies Graphics Fast JavaScript Background Processing
  14. Revolutionary Technologies Graphics Fast JavaScript Background Processing Beyond the desktop
  15. Revolutionary Technologies Graphics Fast JavaScript Background Processing Beyond the desktop Breaking through the sandbox
  16. Graphics
  17. Text
  18. Text
  19. Text
  20. No start-up delay
  21. No start-up delay Available on mobile devices today
  22. No start-up delay Available on mobile devices today Rendering fidelity with browser (especially important for typography)
  23. No start-up delay Available on mobile devices today Rendering fidelity with browser (especially important for typography) No bridges necessary
  24. No start-up delay Available on mobile devices today Rendering fidelity with browser (especially important for typography) No bridges necessary Not a plug-in
  25. TypeKit
  26. 3D Cube Defence http://nitobi.com/yohei/cube_defense_alpha/# by Yoshi Shimomea
  27. Fast JavaScript
  28. 2.0 Beta Alph a Beta Chrome’s V8 Safari’s SquirrelFish Extreme Firefox’s TraceMonkey Opera's Carakan
  29. irc://chat.nodejs.org #w2e Chrome’s V8
  30. Background Processing
  31. 1 Browser User Interface 2 Background Thread
  32. 1 Browser User Interface X 2 Background Thread
  33. 1 Browser User Interface X 2 Background Thread
  34. 1 Browser User Interface 2 Web Workers Background Thread
  35. Fluid Mozilla Prism Adobe AIR Appcelerator Titanium
  36. Beyond the desktop
  37. “The browser is the most hostile programming environment ever devised” -Doug Crockford
  38. “I used to think the browser was the most hostile programming environment ever devised, but then I discovered programming for mobile” -Doug Crockford
  39. The Web?
  40. 1,500,000,000+
  41. Huge Deployment Huge Developer Base No Vendor Control
  42. Breaking through the sandbox
  43. Geolocation http://html5demos.com/geo (FF 3.5 only)
  44. 280 Slides http://280slides.com/Editor/
  45. Drag’n’drop http://html5demos.com/drag http://html5demos.com/drag-anything
  46. BROWSER PLUS
  47. Photodrop http://browserplus.yahoo.com/demos/photodrop/
  48. Gluing it together
  49. Firebug By Joe Hewitt
  50. Firebug By Joe Hewitt Yes, that Joe Hewitt
  51. Firebug Plug-ins YSlow, FirePHP, Pixel Perfect, Firebug Code Coverage, FireUnit
  52. Firebug Plug-ins YSlow, FirePHP, Pixel Perfect, Firebug Code Coverage, FireUnit
  53. Firebug Plug-ins YSlow, FirePHP, Pixel Perfect, Firebug Code Coverage, FireUnit
  54. Firebug Plug-ins YSlow, FirePHP, Pixel Perfect, Firebug Code Coverage, FireUnit
  55. Firebug Plug-ins YSlow, FirePHP, Pixel Perfect, Firebug Code Coverage, FireUnit
  56. WebKit Inspector Now with event listeners, show colors, and much more
  57. Heap Explorer
  58. Task Manager
  59. V8 JSON Debugging Protocol “Scope” Debugging Protocol “Crossfire” Debugging Protocol Google Group: WebDebugProtocol
  60. Atul Varma’s Memory Profiler:
  61. In Conclusion
  62. 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
  63. Thanks Dion Almaer Ben Galbraith Remy Sharp
  64. 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

×