HTML5 Mobile
                                 Matt Gross @mgrosx
                              Imran Malek @imran_malek
                             Lindsey Mysse @lindseymysse
                                 Pascal Rettig @cykod




Tuesday, February 22, 2011
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
Mobile “HTML5” Features
                             (HTML5 Has come to mean a lot more than just the HTML5 Spec)




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


                    •        CSS3 - visual goodies, transitions




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

                    • Single code base
                    • Cross Platform - Desktop + Mobile
                    • Cross Device
                    • No curator
                    • Rapid redeployment

Tuesday, February 22, 2011
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
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
Last Numbered Release
                    Features are going to come fast and furious from the
                                          browsers




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



Tuesday, February 22, 2011
Thanks!
                              Q&A


Tuesday, February 22, 2011

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 HTML5? 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 awayfrom “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 coolnow (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