SlideShare a Scribd company logo

Mobile html5

•Download as KEY, PDF•
•
E
ElanaBoehm

This document discusses HTML5 features for mobile development. It notes that HTML5 has come to mean more than just the W3C specification, including CSS3, audio/video, WebSockets, local storage, offline storage, Canvas, SVG, new touch and device events, and geolocation. These features provide many benefits over native mobile apps like a single code base for multiple platforms and devices. While native apps currently have better performance and access to all device features, HTML5 mobile performance is improving and missing features are being added to browsers. The document demonstrates several mobile HTML5 apps and concludes that HTML5 features will continue to be rapidly added to browsers.

Related slideshows

3 against 2
3 against 23 against 2
3 against 2
 
Academia de antreprenoriat
Academia de antreprenoriatAcademia de antreprenoriat
Academia de antreprenoriat
 
Prezentare cnipmmr filiala arad
Prezentare cnipmmr filiala aradPrezentare cnipmmr filiala arad
Prezentare cnipmmr filiala arad
 
1 of 19
HTML5 Mobile Matt Gross @mgrosx Imran Malek @imran_malek Lindsey Mysse @lindseymysse Pascal Rettig @cykod
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)
Mobile “HTML5” Features (HTML5 Has come to mean a lot more than just the HTML5 Spec)
Mobile “HTML5” Features (HTML5 Has come to mean a lot more than just the HTML5 Spec) • CSS3 - visual goodies, transitions
Mobile “HTML5” Features (HTML5 Has come to mean a lot more than just the HTML5 Spec) • CSS3 - visual goodies, transitions • Audio, Video (Limited)
Mobile “HTML5” Features (HTML5 Has come to mean a lot more than just the HTML5 Spec) • CSS3 - visual goodies, transitions • Audio, Video (Limited) • WebSockets
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
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
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
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)
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)
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
Missing vs. Native • 3D (WebGL supported in new firefox mobile - sorry IOS) • Good video / audio support • Performance • Device specific features (but those are coming)
Benefits over native • Single code base • Cross Platform - Desktop + Mobile • Cross Device • No curator • Rapid redeployment
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
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/
Last Numbered Release Features are going to come fast and furious from the browsers
Should you pick HTML5 over native?
Thanks! Q&A

More Related Content

Mobile html5

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

Editor's Notes

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n