HTML5 and the Future of Apps

  • 3,130 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
3,130
On Slideshare
0
From Embeds
0
Number of Embeds
5

Actions

Shares
Downloads
128
Comments
1
Likes
13

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • Dion

Transcript

  • 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