Presentation given to Mobile Camp Boston on Mobile HTML5

1. HTML5 Mobile
Matt Gross @mgrosx
Imran Malek @imran_malek
Lindsey Mysse @lindseymysse
Pascal Rettig @cykod
Tuesday, February 22, 2011

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)
Tuesday, February 22, 2011

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

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

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

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
Tuesday, February 22, 2011

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
Tuesday, February 22, 2011

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
Tuesday, February 22, 2011

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
Tuesday, February 22, 2011

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)
Tuesday, February 22, 2011

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)
Tuesday, February 22, 2011

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
Tuesday, February 22, 2011

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)
Tuesday, February 22, 2011

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

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
Tuesday, February 22, 2011

16. But...It’s pretty cool now
(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/
Tuesday, February 22, 2011

17. Last Numbered Release
Features are going to come fast and furious from the
browsers
Tuesday, February 22, 2011

18. Should you pick
HTML5 over native?
Tuesday, February 22, 2011

19. Thanks!
Q&A
Tuesday, February 22, 2011