Notes on the iPhone 3

Posted by Pelle Sun, 01 Jul 2007 03:31:10 GMT

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.

iPhone does not allow dashboard widgets

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"> 

Create, negotiate and accept legally binding contracts for free with our Agree2 service.

Trackbacks

Use the following link to trackback from your own site:
http://stakeventures.com/articles/trackback/240

Comments

Leave a response

  1. Avatar
    Paul Levinson Sun Jul 01 00:27:24 -0400 2007

    iPhone took a long time arriving – <a href=”http://paullevinson.blogspot.com/2007/06/iphone-arrives.html”>it was predicted at the dawn of the computer age, in 1979</a>...

  2. Avatar
    Michael Houghton Sun Jul 01 04:42:03 -0400 2007

    I would imagine that tinymce et al don’t work because of the weird event model (mind you, it’s possible that mce hits the iPhone’s memory limits for scripts somehow).

    Did you try out any SVG ? Safari 3 beta can run:

    http://www.croczilla.com/svg/samples/svgtetris/svgtetris.svg

  3. Avatar
    Michael D. Ivey Mon Jul 02 10:47:41 -0400 2007

    Nope, “Safari cannot download this file” on iPhone.

Comments

(sorry javascript required)