Notes on the iPhone

So I got my iPhone yesterday in line with thousands of other geeks across the country. I’ve done some testing on it today and can give these initial comments for web app developers.

What currently doesn’t work:

• Quark Composer files which I had secretly hoped could be embedded in pages
• As you can see in the above screenshot Dashboard widgets don’t currently work, I knew this was a long shot, but hopefully this will be enabled shortly.
• It looks like WYSIWYG type editors don’t work, so stick with plain text if you’re targeting iPhone
• Drag and drop doesn’t work
• CSS: Drop shadow doesn’t work
• CSS: Text stroking

What does work:

• CSS: rounded corners
• CSS: text shadow

I’m going to try and write some tests for events over the next couple of days.

Targeting

Pretty much as I had suggested earlier in the week you will be able to target the iPhone in CSS with Media Queries. Christopher Allen has the full story here. The big difference is that the iPhone does NOT support the handheld profile:

<link rel="stylesheet" media="only screen and 
(max-device-width:480px)" href="small-devices.css" type="text/css" />

<link rel="stylesheet" media="screen and (min-device-width:481 px)" 
href="not-small device.css">