6. Q3 OS Market
iOS Android BlackBerry Windows Other
7% 4%
28%
18%
43%
Source: Nielsen
7. US Mobile Browser
iOS Android Opera BlackBerry Other
5%
26%
39%
2%
28%
Q3 2011 Mobile Browser Stats http://www.quirksmode.org/blog/archives/2011/10/q3_2011_mobile_1.html
8. Brazil Mobile
iOS Opera Nokia Android BlackBerry Other
3%
34% 25%
1%
29%
8%
Q3 2011 Mobile Browser Stats http://www.quirksmode.org/blog/archives/2011/10/q3_2011_mobile_1.html
9. What are people
iPhone iPad Android
RIM Other
14%
30%
12%
23%
21%
State of the Apps Industry 2010 and 2009 Surveys; DIGIDAY, Stifel Nicolaus, Millenial Media
15. Mobile Safari
Local Storage
CSS3 features like transforms, transitions and
animations
Geolocation
HTML5 forms support for search, number and
email field types.
16. Mobile Safari
Local Storage
CSS3 features like transforms, transitions and
animations
Geolocation
HTML5 forms support for search, number and
email field types.
Access to some hardware acceleration
17. Mobile Safari
Local Storage
CSS3 features like transforms, transitions and
animations
Geolocation
HTML5 forms support for search, number and
email field types.
Access to some hardware acceleration
SVG
18. Mobile Safari
Local Storage
CSS3 features like transforms, transitions and
animations
Geolocation
HTML5 forms support for search, number and
email field types.
Access to some hardware acceleration
SVG
older versions of Android don’t support it
52. Performance
Use CSS instead of JavaScript for Animations
use CSS Transitions
use CSS Animations
use 2D and 3D transforms to force hardware
acceleration
53. Hardware
2D and 3D transforms may be hardware
accelerated
use translateX/Y instead of top/left
use rotateX(0) to push items with heavy CSS to
use hardware acceleration
(it’s like IE’s zoom:1 to force hasLayout)
57. Testing
iOS Simulator is fast but not entirely accurate
Android emulator is slow but accurate
Emulators handy for testing multiple OS versions
58. Testing
iOS Simulator is fast but not entirely accurate
Android emulator is slow but accurate
Emulators handy for testing multiple OS versions
Best to test on device
59. Testing
iOS Simulator is fast but not entirely accurate
Android emulator is slow but accurate
Emulators handy for testing multiple OS versions
Best to test on device
For multi-touch testing, must do on the device.
60. Testing
iOS Simulator is fast but not entirely accurate
Android emulator is slow but accurate
Emulators handy for testing multiple OS versions
Best to test on device
For multi-touch testing, must do on the device.
pinch/zoom, rotate possible in iOS simulator
65. XUI.JS
clean, familiar, chaining syntax.
super tiny 10.4kb footprint (4.2kb gzipped).
targeted builds for webkit, ie mobile, and
blackberry
66. Dojo Mobile
Designed for iPhone, Android
Includes touch and gesture support
Support for native-style widgets
Can create webkit-only builds
http://dojotoolkit.org/features/mobile
67. jQuery Mobile
Designed for iPhone, Android, webOS
plus bada, Meego, Windows Mobile and more
Includes touch and gesture support
http://jquerymobile.com/
68. Sencha Touch
Designed for iPhone and Android
Includes enhanced touch events
Allows for rapid development
http://www.sencha.com/products/touch/
84. Why Native over
Access to native hardware and other applications
Camera, Address Book, Filesystem
Streamlined Revenue Process
85. Meet in the middle
Many apps take advantage of native WebView to
load application components from remote server
allows for iteration of some app components
without requiring complete approval process
from app store
86. PhoneGap and
Titanium Mobile targets iPhone and Android
PhoneGap targets iPhone, Android, Palm,
Symbian and Blackberry.
http://www.appcelerator.com/
http://www.phonegap.com/