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

35. No start-up delay

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

54. Background
Processing

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

71. Beyond the
desktop

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

89. Breaking
through the
sandbox

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

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

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

96. BROWSER PLUS

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

98. Gluing it together

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
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