Safari Development Essential Videos - iPhone Web Applications from Start to Finish

Safari on iPhone provides a rich platform for delivering web applications that look like built-in, native applications. Get an overview of the technologies available for iPhone web applications and learn how to add advanced features such as location-base…

Optimize your website for iPhone

Custom interaction behavior

Changing Selection Behavior

-webkit-user-select

Changing Tap Highlight Behavior

-webkit-tap-highlight-color

Navigation and Sharing
-webkit-touch-callout

Text sizing

Text Scaling

-webkit-text-size-adjust

Adjusting the text size
https://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/AdjustingtheTextSize/AdjustingtheTextSize.html

Screen size best practise

Viewport
https://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html

Home Screen Icon

Specifying a Webpage Icon for Web Clip
https://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

Create an iPhone web application

Hiding Safari User Interface Components
https://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

Changing the Status Bar Appearance
https://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

Sets the style of the status bar for a web application.
apple-mobile-web-app-status-bar-style

Offline Storage
http://dev.w3.org/html5/webstorage/

Offline Application Cache
http://www.w3.org/TR/offline-webapps/

Storing Data on the Client
http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/Client-SideStorage/Client-SideStorage.html

Online and offline events
https://developer.mozilla.org/en/Online_and_offline_events

Add advanced features

Device orientation changes

Handling Orientation Events
http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html

Multi-Touch support

Handling Multi-Touch Events
http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html

Handling Gesture Events
http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html

Location awareness

W3C Editor's Draft
http://dev.w3.org/geo/api/spec-source.html

Getting Geographic Locations
http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/GettingGeographicalLocations/GettingGeographicalLocations.html