4. Mobile Safari
Local Storage
CSS3 features like transforms, transitions and
animations
Geolocation
HTML5 forms support for search, number and
email field types.
SVG (well, on the iPhone; not on Android)
5. Media Queries
<link
href="mobile.css"
rel="stylesheet"
media="only
screen
and
(max-‐device-‐width:
480px)">
@media
screen
and
(max-‐device-‐width:
480px)
{
}
11. Sencha Touch (nee jQTouch)
Designed for iPhone and Android
Includes enhanced touch events
Allows for rapid development
http://www.sencha.com/products/touch/
jQuery Mobile?
13. Why go Native?
Access to native hardware and other applications
Camera, Address Book, Filesystem
Streamlined Revenue Process
14. PhoneGap and Titanium
Titanium Mobile targets iPhone and Android
PhoneGap targets iPhone, Android, Palm, Symbian
and Blackberry.
http://www.appcelerator.com/
http://www.phonegap.com/
23. Things we can learn
What are users trying to do?
Optimize the experience for the task
Content linearization
Minimize the amount of information being served