The document contains slides from a presentation by Maximiliano Firtman on May 21, 2012 in Buenos Aires, Argentina about mobile HTML5 and new APIs. It discusses challenges in mobile web development like different browsers, platforms, and capabilities. It also covers specific HTML5 features like offline installation, geolocation, and their support across mobile browsers. The presentation aims to help understand the current state of mobile web development.

1. May, 19th, 2012
Buenos Aires, AR
Maximiliano Firtman @firt
mobile+web developer
MOBILE HTML5 &
THE NEW APIS
Monday, May 21, 12

2. who am I?
@firt
mobile+web developer
mobilexweb.com
Monday, May 21, 12

3. speaker
Monday, May 21, 12

4. Monday, May 21, 12

5. Cursos y Libros
HTML5
Android
iOS
BlackBerry
Windows Phone
ITMaster.com.ar @ITMasterCursos
Monday, May 21, 12

6. ITMaster.com.ar
@ITMasterCursos
Monday, May 21, 12

7. books
Image from my house
Monday, May 21, 12

8. Monday, May 21, 12

9. Monday, May 21, 12

10. Monday, May 21, 12

11. Monday, May 21, 12

12. Monday, May 21, 12

13. .com
Monday, May 21, 12

14. Monday, May 21, 12

15. mobile...
Monday, May 21, 12

16. mobile
Monday, May 21, 12

17. mobile
‣ absolutely personal
Monday, May 21, 12

18. mobile
‣ absolutely personal
‣ +5 billions
Monday, May 21, 12

19. mobile
‣ absolutely personal
‣ +5 billions
‣ make us focus
Monday, May 21, 12

20. mobile
‣ absolutely personal
‣ +5 billions
‣ make us focus
‣ read our context...
Monday, May 21, 12

21. mobile
‣ absolutely personal
‣ +5 billions
‣ make us focus
‣ read our context...
‣ ... always...
Monday, May 21, 12

22. mobile
‣ absolutely personal
‣ +5 billions
‣ make us focus
‣ read our context...
‣ ... always...
‣ ... and everywhere.
Monday, May 21, 12

23. Monday, May 21, 12

24. Monday, May 21, 12

25. everybody
wants
mobile
Monday, May 21, 12

26. then... what is the
problem?
Monday, May 21, 12

27. mobile is a
minefield
Photo by World of Good (Flickr)
Malvinas / Falklands Islands
Monday, May 21, 12

28. lots of questions
Photo by wayneandwax (Flickr)
Monday, May 21, 12

29. we need to learn
lots of questions
Monday, May 21, 12

30. lots of platforms
Monday, May 21, 12

31. mobile web appears
Monday, May 21, 12

32. but it’s different
Monday, May 21, 12

33. but it’s different
‣ slower networks
Monday, May 21, 12

34. but it’s different
‣ slower networks
‣ higher latency
Monday, May 21, 12

35. but it’s different
‣ slower networks
‣ higher latency
‣ slower hardware
Monday, May 21, 12

36. but it’s different
‣ slower networks
‣ higher latency
‣ slower hardware
‣ different browsing experience
Monday, May 21, 12

37. but it’s different
‣ slower networks
‣ higher latency
‣ slower hardware
‣ different browsing experience
‣ different context
Monday, May 21, 12

38. but it’s different
‣ slower networks
‣ higher latency
‣ slower hardware
‣ different browsing experience
‣ different context
‣ different behaviors
Monday, May 21, 12

39. but it’s different
‣ slower networks
‣ higher latency
‣ slower hardware
‣ different browsing experience
‣ different context
‣ different behaviors
‣ different possible networks
Monday, May 21, 12

40. mobile browsers
Monday, May 21, 12

41. mobile browsers
‣ too many
Monday, May 21, 12

42. mobile browsers
‣ too many
‣ (some) too limited
Monday, May 21, 12

43. mobile browsers
‣ too many
‣ (some) too limited
‣ (some) too innovative
Monday, May 21, 12

44. mobile browsers
‣ too many
‣ (some) too limited
‣ (some) too innovative
‣ (some) proxy based
Monday, May 21, 12

45. mobile browsers
‣ too many
‣ (some) too limited
‣ (some) too innovative
‣ (some) proxy based
‣ (most) without documentation
Monday, May 21, 12

46. mobile browsers
‣ too many
‣ (some) too limited
‣ (some) too innovative
‣ (some) proxy based
‣ (most) without documentation
‣ (most) without a name
Monday, May 21, 12

47. mobile browsers
‣ too many
‣ (some) too limited
‣ (some) too innovative
‣ (some) proxy based
‣ (most) without documentation
‣ (most) without a name
‣ (most) without debugging tools
Monday, May 21, 12

48. mobile browsers
Monday, May 21, 12

49. mobile browsers
‣ (some) focus-based
Monday, May 21, 12

50. mobile browsers
‣ (some) focus-based
‣ (some) cursor-based
Monday, May 21, 12

51. mobile browsers
‣ (some) focus-based
‣ (some) cursor-based
‣ (some) touch-based
Monday, May 21, 12

52. mobile browsers
‣ (some) focus-based
‣ (some) cursor-based
‣ (some) touch-based
‣ (some) multitouch-based
Monday, May 21, 12

53. mobile browsers
‣ (some) focus-based
‣ (some) cursor-based
‣ (some) touch-based
‣ (some) multitouch-based
‣ (some) with zooming support
Monday, May 21, 12

54. mobile browsers
‣ (some) focus-based
‣ (some) cursor-based
‣ (some) touch-based
‣ (some) multitouch-based
‣ (some) with zooming support
‣ (most) unknown for web devs
Monday, May 21, 12

55. some are known
Monday, May 21, 12

56. 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

57. some are unknown
Monday, May 21, 12

58. 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

59. and with different
versions...
Monday, May 21, 12

60. and we can also
create native apps
-such as phonegap-
Monday, May 21, 12

61. native
vs
web
Monday, May 21, 12

62. native code
vs
javascript
Monday, May 21, 12

63. browser
vs
installed apps
& stores
Monday, May 21, 12

64. what is native?
Monday, May 21, 12

65. what is a webapp?
Monday, May 21, 12

66. standars?
Monday, May 21, 12

67. Photo by Ben Millett (Flickr)
Monday, May 21, 12

68. Monday, May 21, 12

69. Are you
sure?
Photo by Ricky David (Flickr)
Monday, May 21, 12

70. What is ?
Monday, May 21, 12

71. html5
Monday, May 21, 12

72. html5
‣ w3c standards (all in draft)
Monday, May 21, 12

73. html5
‣ w3c standards (all in draft)
‣ some are other w3c standards
Monday, May 21, 12

74. html5
‣ w3c standards (all in draft)
‣ some are other w3c standards
‣ de-facto standards
Monday, May 21, 12

75. html5
‣ w3c standards (all in draft)
‣ some are other w3c standards
‣ de-facto standards
‣ w3c ex-standards
Monday, May 21, 12

76. html5
‣ w3c standards (all in draft)
‣ some are other w3c standards
‣ de-facto standards
‣ w3c ex-standards
‣ everything “new” on the web
Monday, May 21, 12

77. html version 5?
Monday, May 21, 12

78. why mobile html5?
Monday, May 21, 12

79. typeof html5 != boolean
Monday, May 21, 12

80. some features safe
Monday, May 21, 12

81. some features only on
few platforms
Monday, May 21, 12

82. some features
experimental
Monday, May 21, 12

83. some features with
prefixes
Monday, May 21, 12

84. and what about
capabilities today?
Monday, May 21, 12

85. Monday, May 21, 12

86. vendors hate
developers
Monday, May 21, 12

87. emulators
www.mobilexweb.com/emulators
Monday, May 21, 12

88. friends
lots of them
and with different devices
Monday, May 21, 12

89. virtual labs
real devices on real networks
www.perfectomobile.com www.deviceanywhere.com
Monday, May 21, 12

90. debugging tools
Remote Web Inspector
• BlackBerry Smartphones 7
• BlackBerry PlayBook
• Google Chrome for Android 4
• Opera Mobile
Monday, May 21, 12

91. debugging tools
iwebinspector.com
Monday, May 21, 12

92. debugging tools
Adobe Shadow
adobe.com/go/shadow
Monday, May 21, 12

93. users hate
developers
Monday, May 21, 12

94. Monday, May 21, 12

95. Monday, May 21, 12

96. Monday, May 21, 12

97. Monday, May 21, 12

98. mobile
web
is slow
Picture from Simon Howden freedigitalphotos.net!
Monday, May 21, 12

99. JS APIs have
evolved
Monday, May 21, 12

100. why?
Monday, May 21, 12

101. Monday, May 21, 12

102. mobile html5
capabilities
offline & data storage
geolocation
hardware: motion, camera, battery
drawing apis
animations and transitions
phone integration: calls, contacts
touch and gesture events
Monday, May 21, 12

103. app.ft.com
Monday, May 21, 12

104. native web apps
Monday, May 21, 12

105. Boot2Gecko (B2G)
Monday, May 21, 12

106. Monday, May 21, 12

107. architecture
Monday, May 21, 12

108. Monday, May 21, 12

109. Monday, May 21, 12

110. Monday, May 21, 12

111. Monday, May 21, 12

112. Monday, May 21, 12

113. Monday, May 21, 12

114. Monday, May 21, 12

115. let’s see some code
Monday, May 21, 12

116. Monday, May 21, 12

117. offline installation
HTML5 3.0+ 2.1+ 6.0+ Mobile 11+ 5.0+
Monday, May 21, 12

118. offline installation
‣ Install a package on the device
HTML5 3.0+ 2.1+ 6.0+ Mobile 11+ 5.0+
Monday, May 21, 12

119. 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

120. 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

121. 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

122. 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

123. geolocation
Geolocation 2.0+ 2.0+ 6.0+ 9.0+ Mobile 11+ 5.0+
Monday, May 21, 12

124. geolocation
‣ GPS, A-GPS, Wi-Fi, cells
Geolocation 2.0+ 2.0+ 6.0+ 9.0+ Mobile 11+ 5.0+
Monday, May 21, 12

125. 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

126. 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

127. 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

128. offline web storage
Web Storage 2.0+ 2.0+ 6.0+ 9.0+ Mobile 11+ 5.0+
Monday, May 21, 12

129. 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

130. 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

131. 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

132. 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

133. 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

134. offline sql storage
deprecated 2.2+ 2.0+ 6.0+ Mobile 11+
Monday, May 21, 12

135. offline sql storage
‣ persistent and session storage
deprecated 2.2+ 2.0+ 6.0+ Mobile 11+
Monday, May 21, 12

136. offline sql storage
‣ persistent and session storage
‣ key/value (strings)
deprecated 2.2+ 2.0+ 6.0+ Mobile 11+
Monday, May 21, 12

137. 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

138. 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

139. 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

140. multimedia API
Web Storage 3.0+ 2.3+ 7.0+ 9.0+ Mobile 11+ 5.0+
Monday, May 21, 12

141. multimedia API
‣ audio and video tags
Web Storage 3.0+ 2.3+ 7.0+ 9.0+ Mobile 11+ 5.0+
Monday, May 21, 12

142. 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

143. 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

144. 2d drawing api (canvas)
HTML5 1.0+ 1.5+ 6.0+ 9.0+ Mob 10+ / Mini 5 4.0+
Monday, May 21, 12

145. 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

146. 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

147. 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

148. svg
SVG 2.2+ 3.0+ 4.7+ 9.0+ Mob 10+ / Mini 5 4.0+
Monday, May 21, 12

149. svg
‣ old standard
SVG 2.2+ 3.0+ 4.7+ 9.0+ Mob 10+ / Mini 5 4.0+
Monday, May 21, 12

150. 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

151. 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

152. 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

153. 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

154. motion sensors
DeviceOrientation 4.2+ 3.0+ 4.7+ (basic) 6.0+ (moz)
Monday, May 21, 12

155. motion sensors
‣ accelerometer / gyroscope / magnetometer
DeviceOrientation 4.2+ 3.0+ 4.7+ (basic) 6.0+ (moz)
Monday, May 21, 12

156. motion sensors
‣ accelerometer / gyroscope / magnetometer
‣ onorientationchange
DeviceOrientation 4.2+ 3.0+ 4.7+ (basic) 6.0+ (moz)
Monday, May 21, 12

157. motion sensors
‣ accelerometer / gyroscope / magnetometer
‣ onorientationchange
‣ window.orientation
DeviceOrientation 4.2+ 3.0+ 4.7+ (basic) 6.0+ (moz)
Monday, May 21, 12

158. 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

159. 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

160. touch events
Touch events 3.0+ 2.1+ 6.1+ 6.0+
Monday, May 21, 12

161. touch events
‣ iOS specification
Touch events 3.0+ 2.1+ 6.1+ 6.0+
Monday, May 21, 12

162. touch events
‣ iOS specification
‣ some differences between implementations
Touch events 3.0+ 2.1+ 6.1+ 6.0+
Monday, May 21, 12

163. 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

164. 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

165. 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

166. css3 basic
CSS 3 1.0+ 1.0+ 6.0+ 9.0+ 10+ 6.0+ Anna+
Monday, May 21, 12

167. css3 basic
‣ basic new styling
CSS 3 1.0+ 1.0+ 6.0+ 9.0+ 10+ 6.0+ Anna+
Monday, May 21, 12

168. 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

169. 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

170. 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

171. server-sent events
Server-Sent events 4.1+ Mobile 11+ 6.0+
Monday, May 21, 12

172. server-sent events
‣ EventSource
Server-Sent events 4.1+ Mobile 11+ 6.0+
Monday, May 21, 12

173. server-sent events
‣ EventSource
‣ reduce AJAX/Comet solutions
Server-Sent events 4.1+ Mobile 11+ 6.0+
Monday, May 21, 12

174. 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

175. web sockets
web sockets 4.2+ 6.1+ Mobile 11+ 6.0+
Monday, May 21, 12

176. web sockets
‣ Evolution of bi-directional
communication
web sockets 4.2+ 6.1+ Mobile 11+ 6.0+
Monday, May 21, 12

177. 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

178. 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

179. 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

180. 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

181. web workers
web workers 6.0+ Mobile 11+ 6.0+
Monday, May 21, 12

182. web workers
‣ threading in JavaScript
web workers 6.0+ Mobile 11+ 6.0+
Monday, May 21, 12

183. web workers
‣ threading in JavaScript
‣ important for performance
web workers 6.0+ Mobile 11+ 6.0+
Monday, May 21, 12

184. web workers
‣ threading in JavaScript
‣ important for performance
‣ worker without DOM manipulation
web workers 6.0+ Mobile 11+ 6.0+
Monday, May 21, 12

185. what is just
starting...?
Monday, May 21, 12

186. apis starting to appear
Monday, May 21, 12

187. apis starting to appear
‣ XMLHttpRequest 2 - Partially on latest versions
Monday, May 21, 12

188. apis starting to appear
‣ XMLHttpRequest 2 - Partially on latest versions
‣ Web Workers - iOS 5, Chrome, BB 6, Meego, Opera, Firefox
Monday, May 21, 12

189. 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
Monday, May 21, 12

190. 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
Monday, May 21, 12

191. 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
Monday, May 21, 12

192. 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
Monday, May 21, 12

193. 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, Chrome
Monday, May 21, 12

194. Monday, May 21, 12

195. and what to expect
in the future?
Monday, May 21, 12

196. for the near future...
Monday, May 21, 12

197. for the near future...
‣ Augmented Reality on the web
Monday, May 21, 12

198. for the near future...
‣ Augmented Reality on the web
‣ Camera API
Monday, May 21, 12

199. for the near future...
‣ Augmented Reality on the web
‣ Camera API
‣ Page Visibility API
Monday, May 21, 12

200. for the near future...
‣ Augmented Reality on the web
‣ Camera API
‣ Page Visibility API
‣ Full Screen API
Monday, May 21, 12

201. for the near future...
‣ Augmented Reality on the web
‣ Camera API
‣ Page Visibility API
‣ Full Screen API
‣ Animation Timing API
Monday, May 21, 12

202. for the near future...
‣ Augmented Reality on the web
‣ Camera API
‣ Page Visibility API
‣ Full Screen API
‣ Animation Timing API
‣ Speech detection
Monday, May 21, 12

203. for the near future...
‣ Augmented Reality on the web
‣ Camera API
‣ Page Visibility API
‣ Full Screen API
‣ Animation Timing API
‣ Speech detection
‣ WebNFC
Monday, May 21, 12

204. 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
Monday, May 21, 12

205. 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
Monday, May 21, 12

206. 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
Monday, May 21, 12

207. 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 Lock
Monday, May 21, 12

208. some last advices
Monday, May 21, 12

209. Monday, May 21, 12

210. performance,
performance
Monday, May 21, 12

211. good practices
Monday, May 21, 12

212. don’t be fanatic
photo by Kurt Christensen
(flickr)
Monday, May 21, 12

213. be multiplatform
Monday, May 21, 12

214. be
futurefriend.ly
Monday, May 21, 12

215. 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