HTML5 and the Future of Apps
14 likes4,288 views
This document discusses the future of HTML5 and the web. It covers how HTML5 enables revolutionary technologies like graphics, fast JavaScript, background processing, and capabilities beyond desktop browsers. HTML5 provides features previously requiring plugins like geolocation, drag and drop. HTML5 is now available on mobile devices and provides high fidelity rendering without plugins or bridges. Debugging tools like Firebug, WebKit Inspector, and JavaScript profiling help develop HTML5 applications. The web platform is poised to break through sandbox limitations and provide an extensive yet open development environment across devices.
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
- 12. cc Xkcd.com
- 13. PHP 5 has goto() HTML 5 !has goto()
- 18. var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState == 4) { processChange(); } } xhr.open("GET", "/foo/bar"); xhr.send(null);
- 19. var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState == 4) { processChange(); } } xhr.open("GET", "/foo/bar"); xhr.send(null);
- 22. Revolutionary Technologies Graphics
- 23. Revolutionary Technologies Graphics Fast JavaScript
- 24. Revolutionary Technologies Graphics Fast JavaScript Background Processing
- 25. Revolutionary Technologies Graphics Fast JavaScript Background Processing Beyond the desktop
- 26. Revolutionary Technologies Graphics Fast JavaScript Background Processing Beyond the desktop Breaking through the sandbox
- 27. Graphics
- 29. Text
- 30. Text
- 31. Text
- 36. No start-up delay Available on mobile devices today
- 37. No start-up delay Available on mobile devices today Rendering fidelity with browser (especially important for typography)
- 38. No start-up delay Available on mobile devices today Rendering fidelity with browser (especially important for typography) No bridges necessary
- 39. No start-up delay Available on mobile devices today Rendering fidelity with browser (especially important for typography) No bridges necessary Not a plug-in
- 43. TypeKit
- 49. 3D Cube Defence http://nitobi.com/yohei/cube_defense_alpha/# by Yoshi Shimomea
- 50. Fast JavaScript
- 52. 2.0 Beta Alph a Beta Chrome’s V8 Safari’s SquirrelFish Extreme Firefox’s TraceMonkey Opera's Carakan
- 53. irc://chat.nodejs.org #w2e Chrome’s V8
- 57. 1 Browser User Interface 2 Background Thread
- 58. 1 Browser User Interface X 2 Background Thread
- 59. 1 Browser User Interface X 2 Background Thread
- 60. 1 Browser User Interface 2 Web Workers Background Thread
- 69. Fluid Mozilla Prism Adobe AIR Appcelerator Titanium
- 74. “The browser is the most hostile programming environment ever devised” -Doug Crockford
- 75. “I used to think the browser was the most hostile programming environment ever devised, but then I discovered programming for mobile” -Doug Crockford
- 85. The Web?
- 87. 1,500,000,000+
- 88. Huge Deployment Huge Developer Base No Vendor Control
- 95. Drag’n’drop http://html5demos.com/drag http://html5demos.com/drag-anything
- 96. BROWSER PLUS
- 99. Firebug By Joe Hewitt
- 100. Firebug By Joe Hewitt Yes, that Joe Hewitt
- 101. Firebug Plug-ins YSlow, FirePHP, Pixel Perfect, Firebug Code Coverage, FireUnit
- 102. Firebug Plug-ins YSlow, FirePHP, Pixel Perfect, Firebug Code Coverage, FireUnit
- 103. Firebug Plug-ins YSlow, FirePHP, Pixel Perfect, Firebug Code Coverage, FireUnit
- 104. Firebug Plug-ins YSlow, FirePHP, Pixel Perfect, Firebug Code Coverage, FireUnit
- 105. Firebug Plug-ins YSlow, FirePHP, Pixel Perfect, Firebug Code Coverage, FireUnit
- 106. WebKit Inspector Now with event listeners, show colors, and much more
- 107. Heap Explorer
- 108. Task Manager
- 109. V8 JSON Debugging Protocol “Scope” Debugging Protocol “Crossfire” Debugging Protocol Google Group: WebDebugProtocol
- 110. Atul Varma’s Memory Profiler:
- 111. In Conclusion
- 112. 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
- 113. Thanks Dion Almaer Ben Galbraith Remy Sharp
- 114. Tom Hughes-Croucher [email protected] t ou ch eep in twitter.com/sh1mmer K speakerrate.com/sh1mmer The Cloud’s Hidden Lock-in: Thursday 2:25pm Network Latency 1A21
Editor's Notes
- #81: Dion