SlideShare a Scribd company logo
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
HTML5 and the Future of Apps
HTML5 and the Future of Apps
HTML5 and the Future of Apps
HTML5 and the Future of Apps
HTML5 and the Future of Apps
cc
Xkcd.com
PHP 5 has goto()
HTML 5 !has goto()
HTML5 and the Future of Apps
HTML5 and the Future of Apps
HTML5 and the Future of Apps
HTML5 and the Future of Apps
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);
HTML5 and the Future of Apps
HTML5 and the Future of Apps
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
HTML5 and the Future of Apps
Text
Text
Text
HTML5 and the Future of Apps
HTML5 and the Future of Apps
HTML5 and the Future of Apps
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
HTML5 and the Future of Apps
HTML5 and the Future of Apps
HTML5 and the Future of Apps
TypeKit
HTML5 and the Future of Apps
HTML5 and the Future of Apps
HTML5 and the Future of Apps
HTML5 and the Future of Apps
HTML5 and the Future of Apps
3D Cube Defence
http://nitobi.com/yohei/cube_defense_alpha/#
               by Yoshi Shimomea
Fast JavaScript
HTML5 and the Future of Apps
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
HTML5 and the Future of Apps
HTML5 and the Future of Apps
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
HTML5 and the Future of Apps
HTML5 and the Future of Apps
HTML5 and the Future of Apps
HTML5 and the Future of Apps
HTML5 and the Future of Apps
HTML5 and the Future of Apps
HTML5 and the Future of Apps
HTML5 and the Future of Apps
Fluid            Mozilla
                   Prism




Adobe AIR   Appcelerator Titanium
HTML5 and the Future of Apps
Beyond the
desktop
HTML5 and the Future of Apps
HTML5 and the Future of Apps
“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
HTML5 and the Future of Apps
HTML5 and the Future of Apps
HTML5 and the Future of Apps
HTML5 and the Future of Apps
HTML5 and the Future of Apps
HTML5 and the Future of Apps
HTML5 and the Future of Apps
HTML5 and the Future of Apps
HTML5 and the Future of Apps
The Web?
HTML5 and the Future of Apps
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)
HTML5 and the Future of Apps
HTML5 and the Future of Apps
HTML5 and the Future of Apps
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

More Related Content

PDF
PDF
How to hide your browser 0-days
PPT
Active And Passive Voice(Good!)
 
PPT
Varieties of english (map)
PPTX
Varieties of English Language
PPT
The Present Simple Tense
PPT
Direct & Indirect Narration
PPT
Clauses Powerpoint
How to hide your browser 0-days
Active And Passive Voice(Good!)
 
Varieties of english (map)
Varieties of English Language
The Present Simple Tense
Direct & Indirect Narration
Clauses Powerpoint

Viewers also liked (10)

PPT
A an-the ppt.
PPT
Grammar - Articles - a, an, or the
PPTX
Active and passive voice
PPTX
Simple present tense
PPT
Simplecompoundcomplexcompound complexsentences-091117154353-phpapp02
PPT
simple present tense
PPT
Sentence structure powerpoint
PPT
Articles and Determiners
PPTX
Simple present tense
PPT
Simple, Compound, Complex, Compound Complex Sentences
A an-the ppt.
Grammar - Articles - a, an, or the
Active and passive voice
Simple present tense
Simplecompoundcomplexcompound complexsentences-091117154353-phpapp02
simple present tense
Sentence structure powerpoint
Articles and Determiners
Simple present tense
Simple, Compound, Complex, Compound Complex Sentences
Ad

Similar to HTML5 and the Future of Apps (20)

PDF
HTML5 and the dawn of rich mobile web applications
PDF
An Intro to Mobile HTML5
PDF
CM WebClient CA Expo Mannheim Germany
PDF
HTML5 and Google Chrome - DevFest09
PDF
State of Developer Tools (WDS09)
PDF
Developing the Next Generation Embedded HMIs
PDF
Building cross platform mobile web apps
PPTX
HTML5 for Rich User Experience
PDF
A Snapshot of the Mobile HTML5 Revolution
PDF
The Web is the platform, @lxjs
PDF
Building Cross Platform Mobile Web Apps
PDF
Build HTML5 App (Intel Elements 2011)
PDF
Elements2011 html5-app-110928141627-phpapp01
PDF
Hybrid Apps (Native + Web) via QtWebKit
PDF
HTML5 Technical Executive Summary
PDF
Building Cloud-Based Cross-Platform Mobile Web Apps
PPTX
Mobile applications for SharePoint using HTML5
PDF
HTML5: State of the Union
PDF
Mobile Widgets Development
PDF
Inside Mobile Widgets Publish
HTML5 and the dawn of rich mobile web applications
An Intro to Mobile HTML5
CM WebClient CA Expo Mannheim Germany
HTML5 and Google Chrome - DevFest09
State of Developer Tools (WDS09)
Developing the Next Generation Embedded HMIs
Building cross platform mobile web apps
HTML5 for Rich User Experience
A Snapshot of the Mobile HTML5 Revolution
The Web is the platform, @lxjs
Building Cross Platform Mobile Web Apps
Build HTML5 App (Intel Elements 2011)
Elements2011 html5-app-110928141627-phpapp01
Hybrid Apps (Native + Web) via QtWebKit
HTML5 Technical Executive Summary
Building Cloud-Based Cross-Platform Mobile Web Apps
Mobile applications for SharePoint using HTML5
HTML5: State of the Union
Mobile Widgets Development
Inside Mobile Widgets Publish
Ad

More from Tom Croucher (20)

PDF
Using Node.js to Build Great Streaming Services - HTML5 Dev Conf
KEY
Streams are Awesome - (Node.js) TimesOpen Sep 2012
KEY
Using Node.js to improve the performance of Mobile apps and Mobile web
KEY
Writing robust Node.js applications
KEY
Creating the Internet of Things with JavaScript - Fluent Conf
KEY
Using Node.js to make HTML5 work for everyone
KEY
A million connections and beyond - Node.js at scale
KEY
OSCON 2011 - Node.js Tutorial
PDF
Lessons from a coding veteran - Web Directions @Media
KEY
Multi-tiered Node Architectures - JSConf 2011
KEY
A language for the Internet: Why JavaScript and Node.js is right for Internet...
KEY
A language for the Internet: Why JavaScript and Node.js is right for Internet...
PDF
How to stop writing spaghetti code
PDF
Doing Horrible Things with DNS - Web Directions South
PDF
Doing Horrible Things to DNS in the Name of Science - SF Performance Meetup
PDF
JavaScript is the new black - Why Node.js is going to rock your world - Web 2...
KEY
How to stop writing spaghetti code - JSConf.eu 2010
PDF
Sf perf
PDF
Node.js and How JavaScript is Changing Server Programming
PDF
Server Side JavaScript - You ain't seen nothing yet
Using Node.js to Build Great Streaming Services - HTML5 Dev Conf
Streams are Awesome - (Node.js) TimesOpen Sep 2012
Using Node.js to improve the performance of Mobile apps and Mobile web
Writing robust Node.js applications
Creating the Internet of Things with JavaScript - Fluent Conf
Using Node.js to make HTML5 work for everyone
A million connections and beyond - Node.js at scale
OSCON 2011 - Node.js Tutorial
Lessons from a coding veteran - Web Directions @Media
Multi-tiered Node Architectures - JSConf 2011
A language for the Internet: Why JavaScript and Node.js is right for Internet...
A language for the Internet: Why JavaScript and Node.js is right for Internet...
How to stop writing spaghetti code
Doing Horrible Things with DNS - Web Directions South
Doing Horrible Things to DNS in the Name of Science - SF Performance Meetup
JavaScript is the new black - Why Node.js is going to rock your world - Web 2...
How to stop writing spaghetti code - JSConf.eu 2010
Sf perf
Node.js and How JavaScript is Changing Server Programming
Server Side JavaScript - You ain't seen nothing yet

Recently uploaded (20)

PDF
Encapsulation theory and applications.pdf
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PDF
NewMind AI Monthly Chronicles - July 2025
PDF
Modernizing your data center with Dell and AMD
PDF
cuic standard and advanced reporting.pdf
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
PDF
Unlocking AI with Model Context Protocol (MCP)
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PPTX
A Presentation on Artificial Intelligence
PDF
KodekX | Application Modernization Development
Encapsulation theory and applications.pdf
Digital-Transformation-Roadmap-for-Companies.pptx
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Chapter 3 Spatial Domain Image Processing.pdf
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Review of recent advances in non-invasive hemoglobin estimation
Mobile App Security Testing_ A Comprehensive Guide.pdf
The Rise and Fall of 3GPP – Time for a Sabbatical?
NewMind AI Monthly Chronicles - July 2025
Modernizing your data center with Dell and AMD
cuic standard and advanced reporting.pdf
NewMind AI Weekly Chronicles - August'25 Week I
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
Unlocking AI with Model Context Protocol (MCP)
Understanding_Digital_Forensics_Presentation.pptx
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Per capita expenditure prediction using model stacking based on satellite ima...
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
A Presentation on Artificial Intelligence
KodekX | Application Modernization Development

HTML5 and the Future of Apps

Editor's Notes