iPhone WebApps
Schema
- Standards
HTML 4.01
XHTML 1.0
CSS 2.1 and partial CSS3
ECMAScript 3 (JavaScript)
DOM Level 2
AJAX technologies, including XMLHTTPRequest
- iPhone-friendly WebPages
- Conditional CSS
- Dimensions & Viewport
- CSS3 & Webkit extensions
- rounded corners etc.
- text-size-adjust
- highlight-color
- Designing forms
- autocorrect etc.
- WebApp as in App
- cross-browser compatibility is normaly 50% of dev time
- unlike normal web development this is development for ONE specific system
- Homescreen icon
- Startpage
- Hide Safari
- jQTouch
- Based on jQuery
- Webversions of the iPhone GUI
- Apple theme
- jQTheme
- Hardware accelerated versions of key transitions
- Adds a class to body when it's fullscreen
- Advanced topics
- debugging
- concole
- Local storage
- Safari Javascript database API
- Full SQL functionality
- HTML5
- Cache manifest
- application cache
- Canvas
- 3D
- Video & Audio
- Any iPod-compatible
- create videos in quicktime
- reference movie
- poster image
- Geolocation
- one-time
- tracking
- Events
- clicks and pans
- Multitouch events
- gestures (multitouch events combined)
- orientation
- Questions
- Native or web?
- Ajax or all in one file?
Resources
- XCode - Dashcode
- developer.apple.com/safari
- Safari Web Content Guide
- iPhone Human Interface Guidelines for Web Applications
- iUI
- original
- jQTouch
- implements iUI
- JQuery-based
- Hardware accelerated
- Aptana
Examples
- Gmail
- Google todo
- Google reader
Posts
