Mobile HTML5

2,509 views
2,413 views

Published on

Presentation given to Mobile Camp Boston on Mobile HTML5

Published in: Technology, Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,509
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
68
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Mobile HTML5

  1. 1. HTML5 Mobile Matt Gross @mgrosx Imran Malek @imran_malek Lindsey Mysse @lindseymysse Pascal Rettig @cykodTuesday, February 22, 2011
  2. 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. 3. Mobile “HTML5” Features (HTML5 Has come to mean a lot more than just the HTML5 Spec)Tuesday, February 22, 2011
  4. 4. Mobile “HTML5” Features (HTML5 Has come to mean a lot more than just the HTML5 Spec) • CSS3 - visual goodies, transitionsTuesday, February 22, 2011
  5. 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. 6. Mobile “HTML5” Features (HTML5 Has come to mean a lot more than just the HTML5 Spec) • CSS3 - visual goodies, transitions • Audio, Video (Limited) • WebSocketsTuesday, February 22, 2011
  7. 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 StorageTuesday, February 22, 2011
  8. 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 StorageTuesday, February 22, 2011
  9. 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, SVGTuesday, February 22, 2011
  10. 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. 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. 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 stackTuesday, February 22, 2011
  13. 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. 14. Benefits over native • Single code base • Cross Platform - Desktop + Mobile • Cross Device • No curator • Rapid redeploymentTuesday, February 22, 2011
  15. 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 & JavascriptTuesday, February 22, 2011
  16. 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. 17. Last Numbered Release Features are going to come fast and furious from the browsersTuesday, February 22, 2011
  18. 18. Should you pick HTML5 over native?Tuesday, February 22, 2011
  19. 19. Thanks! Q&ATuesday, February 22, 2011

×