• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
JSConf - Mobile HTML5
 

JSConf - Mobile HTML5

on

  • 1,374 views

My conference at JSConf.AR in May 2012

My conference at JSConf.AR in May 2012

Statistics

Views

Total Views
1,374
Views on SlideShare
1,374
Embed Views
0

Actions

Likes
0
Downloads
30
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    JSConf - Mobile HTML5 JSConf - Mobile HTML5 Presentation Transcript

    • May, 19th, 2012 Buenos Aires, AR Maximiliano Firtman @firt mobile+web developer MOBILE HTML5 & THE NEW APISMonday, May 21, 12
    • who am I? @firt mobile+web developer mobilexweb.comMonday, May 21, 12
    • speakerMonday, May 21, 12
    • Monday, May 21, 12
    • Cursos y Libros HTML5 Android iOS BlackBerry Windows Phone ITMaster.com.ar @ITMasterCursosMonday, May 21, 12
    • ITMaster.com.ar @ITMasterCursosMonday, May 21, 12
    • books Image from my houseMonday, May 21, 12
    • Monday, May 21, 12
    • Monday, May 21, 12
    • Monday, May 21, 12
    • Monday, May 21, 12
    • Monday, May 21, 12
    • .comMonday, May 21, 12
    • Monday, May 21, 12
    • mobile...Monday, May 21, 12
    • mobileMonday, May 21, 12
    • mobile ‣ absolutely personalMonday, May 21, 12
    • mobile ‣ absolutely personal ‣ +5 billionsMonday, May 21, 12
    • mobile ‣ absolutely personal ‣ +5 billions ‣ make us focusMonday, May 21, 12
    • mobile ‣ absolutely personal ‣ +5 billions ‣ make us focus ‣ read our context...Monday, May 21, 12
    • mobile ‣ absolutely personal ‣ +5 billions ‣ make us focus ‣ read our context... ‣ ... always...Monday, May 21, 12
    • mobile ‣ absolutely personal ‣ +5 billions ‣ make us focus ‣ read our context... ‣ ... always... ‣ ... and everywhere.Monday, May 21, 12
    • Monday, May 21, 12
    • Monday, May 21, 12
    • everybody wants mobileMonday, May 21, 12
    • then... what is the problem?Monday, May 21, 12
    • mobile is a minefield Photo by World of Good (Flickr) Malvinas / Falklands IslandsMonday, May 21, 12
    • lots of questions Photo by wayneandwax (Flickr)Monday, May 21, 12
    • we need to learn lots of questionsMonday, May 21, 12
    • lots of platformsMonday, May 21, 12
    • mobile web appearsMonday, May 21, 12
    • but it’s differentMonday, May 21, 12
    • but it’s different ‣ slower networksMonday, May 21, 12
    • but it’s different ‣ slower networks ‣ higher latencyMonday, May 21, 12
    • but it’s different ‣ slower networks ‣ higher latency ‣ slower hardwareMonday, May 21, 12
    • but it’s different ‣ slower networks ‣ higher latency ‣ slower hardware ‣ different browsing experienceMonday, May 21, 12
    • but it’s different ‣ slower networks ‣ higher latency ‣ slower hardware ‣ different browsing experience ‣ different contextMonday, May 21, 12
    • but it’s different ‣ slower networks ‣ higher latency ‣ slower hardware ‣ different browsing experience ‣ different context ‣ different behaviorsMonday, May 21, 12
    • but it’s different ‣ slower networks ‣ higher latency ‣ slower hardware ‣ different browsing experience ‣ different context ‣ different behaviors ‣ different possible networksMonday, May 21, 12
    • mobile browsersMonday, May 21, 12
    • mobile browsers ‣ too manyMonday, May 21, 12
    • mobile browsers ‣ too many ‣ (some) too limitedMonday, May 21, 12
    • mobile browsers ‣ too many ‣ (some) too limited ‣ (some) too innovativeMonday, May 21, 12
    • mobile browsers ‣ too many ‣ (some) too limited ‣ (some) too innovative ‣ (some) proxy basedMonday, May 21, 12
    • mobile browsers ‣ too many ‣ (some) too limited ‣ (some) too innovative ‣ (some) proxy based ‣ (most) without documentationMonday, May 21, 12
    • mobile browsers ‣ too many ‣ (some) too limited ‣ (some) too innovative ‣ (some) proxy based ‣ (most) without documentation ‣ (most) without a nameMonday, May 21, 12
    • mobile browsers ‣ too many ‣ (some) too limited ‣ (some) too innovative ‣ (some) proxy based ‣ (most) without documentation ‣ (most) without a name ‣ (most) without debugging toolsMonday, May 21, 12
    • mobile browsersMonday, May 21, 12
    • mobile browsers ‣ (some) focus-basedMonday, May 21, 12
    • mobile browsers ‣ (some) focus-based ‣ (some) cursor-basedMonday, May 21, 12
    • mobile browsers ‣ (some) focus-based ‣ (some) cursor-based ‣ (some) touch-basedMonday, May 21, 12
    • mobile browsers ‣ (some) focus-based ‣ (some) cursor-based ‣ (some) touch-based ‣ (some) multitouch-basedMonday, May 21, 12
    • mobile browsers ‣ (some) focus-based ‣ (some) cursor-based ‣ (some) touch-based ‣ (some) multitouch-based ‣ (some) with zooming supportMonday, May 21, 12
    • mobile browsers ‣ (some) focus-based ‣ (some) cursor-based ‣ (some) touch-based ‣ (some) multitouch-based ‣ (some) with zooming support ‣ (most) unknown for web devsMonday, May 21, 12
    • some are knownMonday, May 21, 12
    • some are known ‣ Safari (on iOS) ‣ Opera Mobile (on Android & Symbian) ‣ Firefox (on Android) ‣ Chrome (on Android) ‣ Internet Explorer (on Windows Phone)Monday, May 21, 12
    • some are unknownMonday, May 21, 12
    • some are unknown ‣ Nokia Browser (on Symbian, S40 & Meego 1.2) ‣ BlackBerry Browser ‣ Android Browser ‣ webOS Browser ‣ Amazon Silk ‣ Bada Browser ‣ Opera Mini ‣ NetFront ‣ Phantom ‣ ...Monday, May 21, 12
    • and with different versions...Monday, May 21, 12
    • and we can also create native apps -such as phonegap-Monday, May 21, 12
    • native vs webMonday, May 21, 12
    • native code vs javascriptMonday, May 21, 12
    • browser vs installed apps & storesMonday, May 21, 12
    • what is native?Monday, May 21, 12
    • what is a webapp?Monday, May 21, 12
    • standars?Monday, May 21, 12
    • Photo by Ben Millett (Flickr)Monday, May 21, 12
    • Monday, May 21, 12
    • Are you sure? Photo by Ricky David (Flickr)Monday, May 21, 12
    • What is ?Monday, May 21, 12
    • html5Monday, May 21, 12
    • html5 ‣ w3c standards (all in draft)Monday, May 21, 12
    • html5 ‣ w3c standards (all in draft) ‣ some are other w3c standardsMonday, May 21, 12
    • html5 ‣ w3c standards (all in draft) ‣ some are other w3c standards ‣ de-facto standardsMonday, May 21, 12
    • html5 ‣ w3c standards (all in draft) ‣ some are other w3c standards ‣ de-facto standards ‣ w3c ex-standardsMonday, May 21, 12
    • html5 ‣ w3c standards (all in draft) ‣ some are other w3c standards ‣ de-facto standards ‣ w3c ex-standards ‣ everything “new” on the webMonday, May 21, 12
    • html version 5?Monday, May 21, 12
    • why mobile html5?Monday, May 21, 12
    • typeof html5 != booleanMonday, May 21, 12
    • some features safeMonday, May 21, 12
    • some features only on few platformsMonday, May 21, 12
    • some features experimentalMonday, May 21, 12
    • some features with prefixesMonday, May 21, 12
    • and what about capabilities today?Monday, May 21, 12
    • Monday, May 21, 12
    • vendors hate developersMonday, May 21, 12
    • emulators www.mobilexweb.com/emulatorsMonday, May 21, 12
    • friends lots of them and with different devicesMonday, May 21, 12
    • virtual labs real devices on real networks www.perfectomobile.com www.deviceanywhere.comMonday, May 21, 12
    • debugging tools Remote Web Inspector • BlackBerry Smartphones 7 • BlackBerry PlayBook • Google Chrome for Android 4 • Opera MobileMonday, May 21, 12
    • debugging tools iwebinspector.comMonday, May 21, 12
    • debugging tools Adobe Shadow adobe.com/go/shadowMonday, May 21, 12
    • users hate developersMonday, May 21, 12
    • Monday, May 21, 12
    • Monday, May 21, 12
    • Monday, May 21, 12
    • Monday, May 21, 12
    • mobile web is slowPicture from Simon Howden freedigitalphotos.net!Monday, May 21, 12
    • JS APIs have evolvedMonday, May 21, 12
    • why?Monday, May 21, 12
    • Monday, May 21, 12
    • mobile html5 capabilities offline & data storage geolocation hardware: motion, camera, battery drawing apis animations and transitions phone integration: calls, contacts touch and gesture eventsMonday, May 21, 12
    • app.ft.comMonday, May 21, 12
    • native web appsMonday, May 21, 12
    • Boot2Gecko (B2G)Monday, May 21, 12
    • Monday, May 21, 12
    • architectureMonday, May 21, 12
    • Monday, May 21, 12
    • Monday, May 21, 12
    • Monday, May 21, 12
    • Monday, May 21, 12
    • Monday, May 21, 12
    • Monday, May 21, 12
    • Monday, May 21, 12
    • let’s see some codeMonday, May 21, 12
    • Monday, May 21, 12
    • offline installation HTML5 3.0+ 2.1+ 6.0+ Mobile 11+ 5.0+Monday, May 21, 12
    • offline installation ‣ Install a package on the device HTML5 3.0+ 2.1+ 6.0+ Mobile 11+ 5.0+Monday, May 21, 12
    • offline installation ‣ Install a package on the device ‣ Complex to debug / reload HTML5 3.0+ 2.1+ 6.0+ Mobile 11+ 5.0+Monday, May 21, 12
    • offline installation ‣ Install a package on the device ‣ Complex to debug / reload ‣ Buggy on some platforms HTML5 3.0+ 2.1+ 6.0+ Mobile 11+ 5.0+Monday, May 21, 12
    • offline installation ‣ Install a package on the device ‣ Complex to debug / reload ‣ Buggy on some platforms ‣ online / offline events HTML5 3.0+ 2.1+ 6.0+ Mobile 11+ 5.0+Monday, May 21, 12
    • offline installation ‣ Install a package on the device ‣ Complex to debug / reload ‣ Buggy on some platforms ‣ online / offline events ‣ on iOS can be mixed with icons and full- screen webapp metatags HTML5 3.0+ 2.1+ 6.0+ Mobile 11+ 5.0+Monday, May 21, 12
    • geolocation Geolocation 2.0+ 2.0+ 6.0+ 9.0+ Mobile 11+ 5.0+Monday, May 21, 12
    • geolocation ‣ GPS, A-GPS, Wi-Fi, cells Geolocation 2.0+ 2.0+ 6.0+ 9.0+ Mobile 11+ 5.0+Monday, May 21, 12
    • geolocation ‣ GPS, A-GPS, Wi-Fi, cells ‣ (some) force GPS “highAccuracy” Geolocation 2.0+ 2.0+ 6.0+ 9.0+ Mobile 11+ 5.0+Monday, May 21, 12
    • geolocation ‣ GPS, A-GPS, Wi-Fi, cells ‣ (some) force GPS “highAccuracy” ‣ (some) heading Geolocation 2.0+ 2.0+ 6.0+ 9.0+ Mobile 11+ 5.0+Monday, May 21, 12
    • geolocation ‣ GPS, A-GPS, Wi-Fi, cells ‣ (some) force GPS “highAccuracy” ‣ (some) heading ‣ once or movement Geolocation 2.0+ 2.0+ 6.0+ 9.0+ Mobile 11+ 5.0+Monday, May 21, 12
    • offline web storage Web Storage 2.0+ 2.0+ 6.0+ 9.0+ Mobile 11+ 5.0+Monday, May 21, 12
    • offline web storage ‣ persistent and session storage Web Storage 2.0+ 2.0+ 6.0+ 9.0+ Mobile 11+ 5.0+Monday, May 21, 12
    • offline web storage ‣ persistent and session storage ‣ key/value (strings) Web Storage 2.0+ 2.0+ 6.0+ 9.0+ Mobile 11+ 5.0+Monday, May 21, 12
    • offline web storage ‣ persistent and session storage ‣ key/value (strings) ‣ (some) allow object storage Web Storage 2.0+ 2.0+ 6.0+ 9.0+ Mobile 11+ 5.0+Monday, May 21, 12
    • offline web storage ‣ persistent and session storage ‣ key/value (strings) ‣ (some) allow object storage ‣ limit space, non-standard ~5Mb Web Storage 2.0+ 2.0+ 6.0+ 9.0+ Mobile 11+ 5.0+Monday, May 21, 12
    • offline web storage ‣ persistent and session storage ‣ key/value (strings) ‣ (some) allow object storage ‣ limit space, non-standard ~5Mb ‣ be careful with private browsing Web Storage 2.0+ 2.0+ 6.0+ 9.0+ Mobile 11+ 5.0+Monday, May 21, 12
    • offline sql storage deprecated 2.2+ 2.0+ 6.0+ Mobile 11+Monday, May 21, 12
    • offline sql storage ‣ persistent and session storage deprecated 2.2+ 2.0+ 6.0+ Mobile 11+Monday, May 21, 12
    • offline sql storage ‣ persistent and session storage ‣ key/value (strings) deprecated 2.2+ 2.0+ 6.0+ Mobile 11+Monday, May 21, 12
    • offline sql storage ‣ persistent and session storage ‣ key/value (strings) ‣ (some) allow object storage deprecated 2.2+ 2.0+ 6.0+ Mobile 11+Monday, May 21, 12
    • offline sql storage ‣ persistent and session storage ‣ key/value (strings) ‣ (some) allow object storage ‣ limit space, non-standard ~5Mb deprecated 2.2+ 2.0+ 6.0+ Mobile 11+Monday, May 21, 12
    • offline sql storage ‣ persistent and session storage ‣ key/value (strings) ‣ (some) allow object storage ‣ limit space, non-standard ~5Mb ‣ be careful with private browsing deprecated 2.2+ 2.0+ 6.0+ Mobile 11+Monday, May 21, 12
    • multimedia API Web Storage 3.0+ 2.3+ 7.0+ 9.0+ Mobile 11+ 5.0+Monday, May 21, 12
    • multimedia API ‣ audio and video tags Web Storage 3.0+ 2.3+ 7.0+ 9.0+ Mobile 11+ 5.0+Monday, May 21, 12
    • multimedia API ‣ audio and video tags ‣ javascript api & events Web Storage 3.0+ 2.3+ 7.0+ 9.0+ Mobile 11+ 5.0+Monday, May 21, 12
    • multimedia API ‣ audio and video tags ‣ javascript api & events ‣ codecs nightmare Web Storage 3.0+ 2.3+ 7.0+ 9.0+ Mobile 11+ 5.0+Monday, May 21, 12
    • 2d drawing api (canvas) HTML5 1.0+ 1.5+ 6.0+ 9.0+ Mob 10+ / Mini 5 4.0+Monday, May 21, 12
    • 2d drawing api (canvas) ‣ great support HTML5 1.0+ 1.5+ 6.0+ 9.0+ Mob 10+ / Mini 5 4.0+Monday, May 21, 12
    • 2d drawing api (canvas) ‣ great support ‣ javascript-based drawing HTML5 1.0+ 1.5+ 6.0+ 9.0+ Mob 10+ / Mini 5 4.0+Monday, May 21, 12
    • 2d drawing api (canvas) ‣ great support ‣ javascript-based drawing ‣ (some) allows data URI export HTML5 1.0+ 1.5+ 6.0+ 9.0+ Mob 10+ / Mini 5 4.0+Monday, May 21, 12
    • svg SVG 2.2+ 3.0+ 4.7+ 9.0+ Mob 10+ / Mini 5 4.0+Monday, May 21, 12
    • svg ‣ old standard SVG 2.2+ 3.0+ 4.7+ 9.0+ Mob 10+ / Mini 5 4.0+Monday, May 21, 12
    • svg ‣ old standard ‣ scalable vector graphics SVG 2.2+ 3.0+ 4.7+ 9.0+ Mob 10+ / Mini 5 4.0+Monday, May 21, 12
    • svg ‣ old standard ‣ scalable vector graphics ‣ (some) allows inline <svg> tag SVG 2.2+ 3.0+ 4.7+ 9.0+ Mob 10+ / Mini 5 4.0+Monday, May 21, 12
    • svg ‣ old standard ‣ scalable vector graphics ‣ (some) allows inline <svg> tag ‣ (some) allows svg as background SVG 2.2+ 3.0+ 4.7+ 9.0+ Mob 10+ / Mini 5 4.0+Monday, May 21, 12
    • svg ‣ old standard ‣ scalable vector graphics ‣ (some) allows inline <svg> tag ‣ (some) allows svg as background ‣ (some) allows svg as font SVG 2.2+ 3.0+ 4.7+ 9.0+ Mob 10+ / Mini 5 4.0+Monday, May 21, 12
    • motion sensors DeviceOrientation 4.2+ 3.0+ 4.7+ (basic) 6.0+ (moz)Monday, May 21, 12
    • motion sensors ‣ accelerometer / gyroscope / magnetometer DeviceOrientation 4.2+ 3.0+ 4.7+ (basic) 6.0+ (moz)Monday, May 21, 12
    • motion sensors ‣ accelerometer / gyroscope / magnetometer ‣ onorientationchange DeviceOrientation 4.2+ 3.0+ 4.7+ (basic) 6.0+ (moz)Monday, May 21, 12
    • motion sensors ‣ accelerometer / gyroscope / magnetometer ‣ onorientationchange ‣ window.orientation DeviceOrientation 4.2+ 3.0+ 4.7+ (basic) 6.0+ (moz)Monday, May 21, 12
    • motion sensors ‣ accelerometer / gyroscope / magnetometer ‣ onorientationchange ‣ window.orientation ‣ games, visual effects, pressure detection? DeviceOrientation 4.2+ 3.0+ 4.7+ (basic) 6.0+ (moz)Monday, May 21, 12
    • motion sensors ‣ accelerometer / gyroscope / magnetometer ‣ onorientationchange ‣ window.orientation ‣ games, visual effects, pressure detection? mobilexweb.com/samples/ball.html mobilexweb.com/samples/pressure.html DeviceOrientation 4.2+ 3.0+ 4.7+ (basic) 6.0+ (moz)Monday, May 21, 12
    • touch events Touch events 3.0+ 2.1+ 6.1+ 6.0+Monday, May 21, 12
    • touch events ‣ iOS specification Touch events 3.0+ 2.1+ 6.1+ 6.0+Monday, May 21, 12
    • touch events ‣ iOS specification ‣ some differences between implementations Touch events 3.0+ 2.1+ 6.1+ 6.0+Monday, May 21, 12
    • touch events ‣ iOS specification ‣ some differences between implementations ‣ (some) multi-touch Touch events 3.0+ 2.1+ 6.1+ 6.0+Monday, May 21, 12
    • touch events ‣ iOS specification ‣ some differences between implementations ‣ (some) multi-touch ‣ touchstart, touchmove, touchend, touchcancel Touch events 3.0+ 2.1+ 6.1+ 6.0+Monday, May 21, 12
    • touch events ‣ iOS specification ‣ some differences between implementations ‣ (some) multi-touch ‣ touchstart, touchmove, touchend, touchcancel ‣ (some) touchenter, touchleave Touch events 3.0+ 2.1+ 6.1+ 6.0+Monday, May 21, 12
    • css3 basic CSS 3 1.0+ 1.0+ 6.0+ 9.0+ 10+ 6.0+ Anna+Monday, May 21, 12
    • css3 basic ‣ basic new styling CSS 3 1.0+ 1.0+ 6.0+ 9.0+ 10+ 6.0+ Anna+Monday, May 21, 12
    • css3 basic ‣ basic new styling ‣ rounded borders, opacity CSS 3 1.0+ 1.0+ 6.0+ 9.0+ 10+ 6.0+ Anna+Monday, May 21, 12
    • css3 basic ‣ basic new styling ‣ rounded borders, opacity ‣ (some) still requires prefix CSS 3 1.0+ 1.0+ 6.0+ 9.0+ 10+ 6.0+ Anna+Monday, May 21, 12
    • css3 basic ‣ basic new styling ‣ rounded borders, opacity ‣ (some) still requires prefix ‣ -webkit, -o, -moz, -ms CSS 3 1.0+ 1.0+ 6.0+ 9.0+ 10+ 6.0+ Anna+Monday, May 21, 12
    • server-sent events Server-Sent events 4.1+ Mobile 11+ 6.0+Monday, May 21, 12
    • server-sent events ‣ EventSource Server-Sent events 4.1+ Mobile 11+ 6.0+Monday, May 21, 12
    • server-sent events ‣ EventSource ‣ reduce AJAX/Comet solutions Server-Sent events 4.1+ Mobile 11+ 6.0+Monday, May 21, 12
    • server-sent events ‣ EventSource ‣ reduce AJAX/Comet solutions ‣ be careful with proxies/3g connections Server-Sent events 4.1+ Mobile 11+ 6.0+Monday, May 21, 12
    • web sockets web sockets 4.2+ 6.1+ Mobile 11+ 6.0+Monday, May 21, 12
    • web sockets ‣ Evolution of bi-directional communication web sockets 4.2+ 6.1+ Mobile 11+ 6.0+Monday, May 21, 12
    • web sockets ‣ Evolution of bi-directional communication ‣ reduce AJAX/Comet solutions web sockets 4.2+ 6.1+ Mobile 11+ 6.0+Monday, May 21, 12
    • web sockets ‣ Evolution of bi-directional communication ‣ reduce AJAX/Comet solutions ‣ be careful with proxies/3g connections web sockets 4.2+ 6.1+ Mobile 11+ 6.0+Monday, May 21, 12
    • web sockets ‣ Evolution of bi-directional communication ‣ reduce AJAX/Comet solutions ‣ be careful with proxies/3g connections ‣ special server web sockets 4.2+ 6.1+ Mobile 11+ 6.0+Monday, May 21, 12
    • web sockets ‣ Evolution of bi-directional communication ‣ reduce AJAX/Comet solutions ‣ be careful with proxies/3g connections ‣ special server ‣ standard changed months ago web sockets 4.2+ 6.1+ Mobile 11+ 6.0+Monday, May 21, 12
    • web workers web workers 6.0+ Mobile 11+ 6.0+Monday, May 21, 12
    • web workers ‣ threading in JavaScript web workers 6.0+ Mobile 11+ 6.0+Monday, May 21, 12
    • web workers ‣ threading in JavaScript ‣ important for performance web workers 6.0+ Mobile 11+ 6.0+Monday, May 21, 12
    • web workers ‣ threading in JavaScript ‣ important for performance ‣ worker without DOM manipulation web workers 6.0+ Mobile 11+ 6.0+Monday, May 21, 12
    • what is just starting...?Monday, May 21, 12
    • apis starting to appearMonday, May 21, 12
    • apis starting to appear ‣ XMLHttpRequest 2 - Partially on latest versionsMonday, May 21, 12
    • apis starting to appear ‣ XMLHttpRequest 2 - Partially on latest versions ‣ Web Workers - iOS 5, Chrome, BB 6, Meego, Opera, FirefoxMonday, May 21, 12
    • apis starting to appear ‣ XMLHttpRequest 2 - Partially on latest versions ‣ Web Workers - iOS 5, Chrome, BB 6, Meego, Opera, Firefox ‣ Server-Sent events - iOS 4.2, Chrome, BB 6.1, Opera, FFMonday, May 21, 12
    • apis starting to appear ‣ XMLHttpRequest 2 - Partially on latest versions ‣ Web Workers - iOS 5, Chrome, BB 6, Meego, Opera, Firefox ‣ Server-Sent events - iOS 4.2, Chrome, BB 6.1, Opera, FF ‣ Web Sockets - Android 3.0Monday, May 21, 12
    • apis starting to appear ‣ XMLHttpRequest 2 - Partially on latest versions ‣ Web Workers - iOS 5, Chrome, BB 6, Meego, Opera, Firefox ‣ Server-Sent events - iOS 4.2, Chrome, BB 6.1, Opera, FF ‣ Web Sockets - Android 3.0 ‣ Navigation Timing API - IE 9.0, Android 4, Chrome, FF 7Monday, May 21, 12
    • apis starting to appear ‣ XMLHttpRequest 2 - Partially on latest versions ‣ Web Workers - iOS 5, Chrome, BB 6, Meego, Opera, Firefox ‣ Server-Sent events - iOS 4.2, Chrome, BB 6.1, Opera, FF ‣ Web Sockets - Android 3.0 ‣ Navigation Timing API - IE 9.0, Android 4, Chrome, FF 7 ‣ Notifications API - Firefox 6, PlayBook 2.0Monday, May 21, 12
    • apis starting to appear ‣ XMLHttpRequest 2 - Partially on latest versions ‣ Web Workers - iOS 5, Chrome, BB 6, Meego, Opera, Firefox ‣ Server-Sent events - iOS 4.2, Chrome, BB 6.1, Opera, FF ‣ Web Sockets - Android 3.0 ‣ Navigation Timing API - IE 9.0, Android 4, Chrome, FF 7 ‣ Notifications API - Firefox 6, PlayBook 2.0 ‣ IndexedDB - Firefox 6.0, ChromeMonday, May 21, 12
    • Monday, May 21, 12
    • and what to expect in the future?Monday, May 21, 12
    • for the near future...Monday, May 21, 12
    • for the near future... ‣ Augmented Reality on the webMonday, May 21, 12
    • for the near future... ‣ Augmented Reality on the web ‣ Camera APIMonday, May 21, 12
    • for the near future... ‣ Augmented Reality on the web ‣ Camera API ‣ Page Visibility APIMonday, May 21, 12
    • for the near future... ‣ Augmented Reality on the web ‣ Camera API ‣ Page Visibility API ‣ Full Screen APIMonday, May 21, 12
    • for the near future... ‣ Augmented Reality on the web ‣ Camera API ‣ Page Visibility API ‣ Full Screen API ‣ Animation Timing APIMonday, May 21, 12
    • for the near future... ‣ Augmented Reality on the web ‣ Camera API ‣ Page Visibility API ‣ Full Screen API ‣ Animation Timing API ‣ Speech detectionMonday, May 21, 12
    • for the near future... ‣ Augmented Reality on the web ‣ Camera API ‣ Page Visibility API ‣ Full Screen API ‣ Animation Timing API ‣ Speech detection ‣ WebNFCMonday, May 21, 12
    • for the near future... ‣ Augmented Reality on the web ‣ Camera API ‣ Page Visibility API ‣ Full Screen API ‣ Animation Timing API ‣ Speech detection ‣ WebNFC ‣ Native integration APIMonday, May 21, 12
    • for the near future... ‣ Augmented Reality on the web ‣ Camera API ‣ Page Visibility API ‣ Full Screen API ‣ Animation Timing API ‣ Speech detection ‣ WebNFC ‣ Native integration API ‣ Contacts and Calendar APIMonday, May 21, 12
    • for the near future... ‣ Augmented Reality on the web ‣ Camera API ‣ Page Visibility API ‣ Full Screen API ‣ Animation Timing API ‣ Speech detection ‣ WebNFC ‣ Native integration API ‣ Contacts and Calendar API ‣ Messaging APIMonday, May 21, 12
    • for the near future... ‣ Augmented Reality on the web ‣ Camera API ‣ Page Visibility API ‣ Full Screen API ‣ Animation Timing API ‣ Speech detection ‣ WebNFC ‣ Native integration API ‣ Contacts and Calendar API ‣ Messaging API ‣ Orientation LockMonday, May 21, 12
    • some last advicesMonday, May 21, 12
    • Monday, May 21, 12
    • performance, performanceMonday, May 21, 12
    • good practicesMonday, May 21, 12
    • don’t be fanatic photo by Kurt Christensen (flickr)Monday, May 21, 12
    • be multiplatformMonday, May 21, 12
    • be futurefriend.lyMonday, May 21, 12
    • you can reach a good thank you! experience firt.mobi 50% books firtman@gmail.com 20% trainings twitter: @firt Just Ask me! www.mobilexweb.com Pictures)from)freedigitalphotos.net)Monday, May 21, 12