IPhone SDK Released! | July 5th, 2007
And of course by “SDK” I mean an Apple SDK that consists of a single HTML page with half a dozen snippits of HTML.
Nonetheless there are some good tidbits there.
I was wondering about some event stuff and here is the general event info:
| Gesture | Result |
| Double tap | Zoom in and center a block of content |
| Touch and hold | Display an information bubble |
| Drag | Move the viewport or pan |
| Flick | Scroll up or down (depending on the direction of the finger movement) |
| Pinch open | Zoom in |
| Pinch close | Zoom out |
Remember, since there is no mouse, hover events will not work.
You can have the iPhone make calls for you from HTML pages using tel: in the URL like this:
<a href="tel:1-408-555-5555">1-408-555-5555</a>An iPhone specific CSS can be applied using the media attribute in the link element - which most developers probably ignore.
<link media="only screen and (max-device-width: 480px)" href="iPhone.css" type="text/css" rel="stylesheet" />
Also of interest is the viewport meta tag that lets you tell Safari on the iPhone how to scale and zoom your content:
<meta name="viewport" content="width = 320" /> <meta name="viewport" content="initial-scale=2.3, user-scalable=no" />
For lots more good info check out the recent post on Ajaxian and the google group.