Mobile html5
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
2,762
On Slideshare
2,762
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
48
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

Transcript

  • 1. HTML5 Mobile Matt Gross @mgrosx Imran Malek @imran_malekLindsey Mysse @lindseymysse Pascal Rettig @cykod
  • 2. What is HTML 5?First buzzword compliant W3C Release The last numbered release for HTMLWeb 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 ReleaseFeatures are going to come fast and furious from the browsers
  • 18. Should you pickHTML5 over native?
  • 19. Thanks! Q&A