HTML5 Mobile    Matt Gross @mgrosx Imran Malek @imran_malekLindsey Mysse @lindseymysse    Pascal Rettig @cykod
What is HTML 5?First buzzword compliant W3C Release  The last numbered release for HTMLWeb Developers finally have their ca...
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, transiti...
Mobile “HTML5” Features    (HTML5 Has come to mean a lot more than just the HTML5 Spec)•   CSS3 - visual goodies, transiti...
Mobile “HTML5” Features    (HTML5 Has come to mean a lot more than just the HTML5 Spec)•   CSS3 - visual goodies, transiti...
Mobile “HTML5” Features    (HTML5 Has come to mean a lot more than just the HTML5 Spec)•   CSS3 - visual goodies, transiti...
Mobile “HTML5” Features    (HTML5 Has come to mean a lot more than just the HTML5 Spec)•   CSS3 - visual goodies, transiti...
Mobile “HTML5” Features    (HTML5 Has come to mean a lot more than just the HTML5 Spec)•   CSS3 - visual goodies, transiti...
Mobile “HTML5” Features    (HTML5 Has come to mean a lot more than just the HTML5 Spec)•   CSS3 - visual goodies, transiti...
Mobile “HTML5” Features    (HTML5 Has come to mean a lot more than just the HTML5 Spec)•   CSS3 - visual goodies, transiti...
Mobile “HTML5” Features    (HTML5 Has come to mean a lot more than just the HTML5 Spec)•   CSS3 - visual goodies, transiti...
Missing vs. Native• 3D (WebGL supported in new firefox  mobile - sorry IOS)• Good video / audio support• Performance• Devic...
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 Transitio...
But...       (Demo time)              http://mocospace.com             http://jquerymobile.com/http://www.sencha.com/produ...
Last Numbered ReleaseFeatures are going to come fast and furious from the                      browsers
Should you pickHTML5 over native?
Thanks! Q&A
Upcoming SlideShare
Loading in...5
×

Mobile html5

2,249

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,249
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
49
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Transcript of "Mobile html5"

    1. 1. HTML5 Mobile Matt Gross @mgrosx Imran Malek @imran_malekLindsey Mysse @lindseymysse Pascal Rettig @cykod
    2. 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. 3. Mobile “HTML5” Features (HTML5 Has come to mean a lot more than just the HTML5 Spec)
    4. 4. Mobile “HTML5” Features (HTML5 Has come to mean a lot more than just the HTML5 Spec)• CSS3 - visual goodies, transitions
    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)
    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)• WebSockets
    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 Storage
    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 Storage
    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, SVG
    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)
    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)
    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 stack
    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)
    14. 14. Benefits over native• Single code base• Cross Platform - Desktop + Mobile• Cross Device• No curator• Rapid redeployment
    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 & Javascript
    16. 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. 17. Last Numbered ReleaseFeatures are going to come fast and furious from the browsers
    18. 18. Should you pickHTML5 over native?
    19. 19. Thanks! Q&A
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×