1. HTML5 Mobile
Matt Gross @mgrosx
Imran Malek @imran_malek
Lindsey Mysse @lindseymysse
Pascal Rettig @cykod

2. What is HTML 5?
First buzzword compliant W3C Release
The last numbered release for HTML
Web Developers finally have their cake
(and are gorging themselves on it too)

3. Mobile “HTML5” Features
(HTML5 Has come to mean a lot more than just the HTML5 Spec)

4. Mobile “HTML5” Features
(HTML5 Has come to mean a lot more than just the HTML5 Spec)
• CSS3 - visual goodies, transitions

5. Mobile “HTML5” Features
(HTML5 Has come to mean a lot more than just the HTML5 Spec)
• CSS3 - visual goodies, transitions
• Audio, Video (Limited)

6. Mobile “HTML5” Features
(HTML5 Has come to mean a lot more than just the HTML5 Spec)
• CSS3 - visual goodies, transitions
• Audio, Video (Limited)
• WebSockets

7. Mobile “HTML5” Features
(HTML5 Has come to mean a lot more than just the HTML5 Spec)
• CSS3 - visual goodies, transitions
• Audio, Video (Limited)
• WebSockets
• Local Storage

8. Mobile “HTML5” Features
(HTML5 Has come to mean a lot more than just the HTML5 Spec)
• CSS3 - visual goodies, transitions
• Audio, Video (Limited)
• WebSockets
• Local Storage
• Offline Storage

9. Mobile “HTML5” Features
(HTML5 Has come to mean a lot more than just the HTML5 Spec)
• CSS3 - visual goodies, transitions
• Audio, Video (Limited)
• WebSockets
• Local Storage
• Offline Storage
• Canvas, SVG

10. Mobile “HTML5” Features
(HTML5 Has come to mean a lot more than just the HTML5 Spec)
• CSS3 - visual goodies, transitions
• Audio, Video (Limited)
• WebSockets
• Local Storage
• Offline Storage
• Canvas, SVG
• New Events (touch, orientation, accel)

11. Mobile “HTML5” Features
(HTML5 Has come to mean a lot more than just the HTML5 Spec)
• CSS3 - visual goodies, transitions
• Audio, Video (Limited)
• WebSockets
• Local Storage
• Offline Storage
• Canvas, SVG
• New Events (touch, orientation, accel)
• Geolocation (via GPS)

12. Mobile “HTML5” Features
(HTML5 Has come to mean a lot more than just the HTML5 Spec)
• CSS3 - visual goodies, transitions
• Audio, Video (Limited)
• WebSockets
• Local Storage
• Offline Storage
• Canvas, SVG
• New Events (touch, orientation, accel)
• Geolocation (via GPS)
• All supported on Mobile Webkit stack

13. Missing vs. Native
• 3D (WebGL supported in new firefox
mobile - sorry IOS)
• Good video / audio support
• Performance
• Device specific features
(but those are coming)

14. Benefits over native
• Single code base
• Cross Platform - Desktop + Mobile
• Cross Device
• No curator
• Rapid redeployment

15. 1-2 years away from
“native” performance
Need to pick pieces that are performant
(e.g. CSS3 Transitions)
Need to spend time optimizing your HTML & Javascript

16. But...
(Demo time)
http://mocospace.com
http://jquerymobile.com/
http://www.sencha.com/products/touch/demos/
http://www.kesiev.com/akihabara/
http://demo.nomadeditions.com/real-eats/
http://lessframework.com/

17. Last Numbered Release
Features are going to come fast and furious from the
browsers

18. Should you pick
HTML5 over native?

19. Thanks!
Q&A