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