Mobile html5

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 ﬁnally 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• Ofﬂine 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• Ofﬂine 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• Ofﬂine 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• Ofﬂine 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• Ofﬂine 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 ﬁrefox mobile - sorry IOS)• Good video / audio support• Performance• Device speciﬁc features (but those are coming)

Beneﬁts 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 ReleaseFeatures are going to come fast and furious from the browsers

Should you pickHTML5 over native?

Thanks! Q&A

Mobile html5

by ElanaBoehm on Feb 25, 2011

Accessibility

Upload Details

Usage Rights

Statistics

Mobile html5 Presentation Transcript