Apple iPhone Web Development Guidelines

by Erica Sadun

Apple has just posted their iPhone Web development guidelines. (Thanks John.) As expected, the iPhone integration seems limited to a few "special links".

Mailto: works as expected, opening the built-in mail application with a new compose-mail sheet. Google Maps linksare recognized by the iPhone and opened in the iPhone Maps client. The phone link (tel:) calls the specified number when clicked, e.g. <a href="tel:1-408-555-5555">1-408-555-5555</a>.

There are also some useful guidelines to be found about formatting media for smooth iPhone playback, a list of iPhone gestures (double-tap, touch-and-hold, drag, flick, pinch-open, pinch-close), a discussion of the iPhone viewport and more.


2007-07-05 14:40:30
I hope there's some user confirmation on those tel: links. Otherwise it would be wickedly easy to write a javascript-enabled page that places a bunch of calls to 900 numbers or something.
2007-07-11 03:40:49
> "As expected, the iPhone integration seems limited to a few "special links"."

They've got those viewport meta tags too though. They sounded interesting.