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.

1 of 19
Downloaded 51 times
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
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

PDF
3.6.16 - How Platforms Work - Casey West
Docker PDX
 
PPTX
Touch the web
Chris Love
 
PDF
InfoTalk#17 1st
Wakasa Masao
 
KEY
HTML5 History & Features
Dave Ross
 
KEY
Dibi Conference 2012
Scott Rutherford
 
PDF
wEdge for Treasurers
Jason Crome
 
PPTX
Decisions, Decisions: Native to Mobile Web
Will Iverson
 
PPTX
Html5 Intro
Taras Romanyk
 
3.6.16 - How Platforms Work - Casey West
Docker PDX
 
Touch the web
Chris Love
 
InfoTalk#17 1st
Wakasa Masao
 
HTML5 History & Features
Dave Ross
 
Dibi Conference 2012
Scott Rutherford
 
wEdge for Treasurers
Jason Crome
 
Decisions, Decisions: Native to Mobile Web
Will Iverson
 
Html5 Intro
Taras Romanyk
 

Viewers also liked (6)

PPT
3 against 2
MattZheng
 
PPT
Academia de antreprenoriat
TactixSolutions
 
PPT
Prezentare cnipmmr filiala arad
TactixSolutions
 
PDF
6 Funciones Universales del Community Manager
Milca Peguero
 
KEY
stuffsite
melanieryan
 
PDF
TactixSolutions - Seminar 24 februarie 2011 - Arad
TactixSolutions
 
3 against 2
MattZheng
 
Academia de antreprenoriat
TactixSolutions
 
Prezentare cnipmmr filiala arad
TactixSolutions
 
6 Funciones Universales del Community Manager
Milca Peguero
 
stuffsite
melanieryan
 
TactixSolutions - Seminar 24 februarie 2011 - Arad
TactixSolutions
 
Ad

Similar to Mobile html5 (20)

ZIP
Mobile HTML5
Pascal Rettig
 
PPTX
HTML5 - Let’s make the WEB more powerful
Naga Harish M
 
KEY
End of native?
Yuki Naotori
 
PDF
HTML5 Technical Executive Summary
Gilad Khen
 
PDF
Html5 - the new kid on the block
Marian Borca
 
PDF
5. HTML5
Jalpesh Vasa
 
PDF
Dive Into HTML5
Doris Chen
 
KEY
WHAT IS HTML5? (at CSS Nite Osaka)
Shumpei Shiraishi
 
KEY
HTML5 and the Mobile Web
MrJ1971
 
PPTX
Demystifying HTML5
Sergejus Barinovas
 
PPTX
HTML5 Trends + Cascade Server CMS by Uzo Okafor
hannonhill
 
ZIP
Html5 public
doodlemoonch
 
PDF
Mobile App Development
Chris Morrell
 
PDF
HTML5 or Android for Mobile Development?
Reto Meier
 
KEY
Developing for the mobile web
joeysim
 
PPTX
A Holistic Approach to HTML5 Game Design & Development
Karl Bunyan
 
KEY
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
davyjones
 
PPTX
HTML5: An Overview
Nagendra Um
 
PPTX
Html5 more than just html5 v final
Lohith Goudagere Nagaraj
 
PPTX
HTML5 - The Future in a Flash
Rick Snailum
 
Mobile HTML5
Pascal Rettig
 
HTML5 - Let’s make the WEB more powerful
Naga Harish M
 
End of native?
Yuki Naotori
 
HTML5 Technical Executive Summary
Gilad Khen
 
Html5 - the new kid on the block
Marian Borca
 
5. HTML5
Jalpesh Vasa
 
Dive Into HTML5
Doris Chen
 
WHAT IS HTML5? (at CSS Nite Osaka)
Shumpei Shiraishi
 
HTML5 and the Mobile Web
MrJ1971
 
Demystifying HTML5
Sergejus Barinovas
 
HTML5 Trends + Cascade Server CMS by Uzo Okafor
hannonhill
 
Html5 public
doodlemoonch
 
Mobile App Development
Chris Morrell
 
HTML5 or Android for Mobile Development?
Reto Meier
 
Developing for the mobile web
joeysim
 
A Holistic Approach to HTML5 Game Design & Development
Karl Bunyan
 
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
davyjones
 
HTML5: An Overview
Nagendra Um
 
Html5 more than just html5 v final
Lohith Goudagere Nagaraj
 
HTML5 - The Future in a Flash
Rick Snailum
 
Ad

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