« who cares | Main | in progress »

Designing for iPhone

Some interesting things you can do:

two finger drag for iFrames

Don't think windows - think Viewports (imaginary windows)

Don't use empty div tags - because they will scale with the page

Optimum hit area for link buttons is 80 pixels.. yes, folks 80 pixels.
I have played around and 18 pt font works very nicely.

For native iPhone web pages use

meta name="viewport" which will tell the browser what to expect.

Optimum page width 480 - max scale 1/3 for horizontal orientation.

For video always use reference movies.
H264 with AAC
which mean you make 3 reference copies of the movie.


Tooltips don't work
mouse down doesn't work
Always use a iphone specific css file .

more design stuff from Apple

more as I continue to mess around


Post a comment

(If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry. Thanks for waiting.)