IPhone Web App Development
Design a user experience and user interface that follows Apple’s guidelines
Choose next how you want to get started—by reading about the basics, getting your hands on some code, or diving into specific technologies.
Want to get familiar with the fundamentals?
Prefer to learn by doing?
- Mobile Safari Web Application Tutorial walks you through using Dashcode to create a simple web application you can run in Safari on iOS.
- Simple Browser is a sample project you can use to find out how to develop a productivity style iOS web app (the built-in iOS Settings application is an example of this style).
- is a sample project you can use to find out how to implement the back-to-front flip most utility style iOS web apps perform (the built-in iOS Weather application is an example of this style).
Want to find out how Safari on iOS supports the web technologies you use?
Go In Depth
Sometimes you need task-focused information or answers to specific questions to get started. Browse the popular tasks described below for a more targeted way to start development on your iOS web app.
- Use visual effects to add richness to your iOS web app. describes how to use CSS properties to implement stunning visual effects in your iOS web app without resorting to static images, Flash, or Dynamic HTML.
- Take advantage of the Multi-Touch interface to allow users to tap, flick, and drag content in your iOS web app. describes how to register for and respond to these multi-touch events; documents the WebKit DOM extensions that support them.
- Add links to built-in iOS applications to make your iOS web app feel more integrated with users’ devices. describes how to add links that open Phone, Maps, iTunes, and more.
Ready for More?
The holds plenty more resources that make your job easier. To narrow the list of resources, you can set filters to focus on specific resource types (such as guides or sample code) or on specific topics (such as user experience or data management).