See what your website looks like on an iPhone

by Alyson Stanfield on September 2, 2008

Ever wondered how your site behaves on an iPhone?

Check out the iPhone Simulator. It says it works best in a Safari browser, but I also got it working in Firefox. Note: In Firefox, the scroll bars appear when you mouse over the inset pic of your site. The scroll bars didn’t appear for me in Safari, but I was still able to scroll down by clicking at the bottom of the phone image text and dragging the mouse down.

I prefer the horizontal viewing (read the directions).

Thanks to Petra Jones’s article “Art and the Internet” in the September issue of Art Calendar.



{ 6 comments… read them below or add one }

1 Tina Mammoser September 3, 2008 at 2:38 am

Cool! Mine looks the same. An interesting observation though… over the years we’ve been able to provide larger size images, most graphics people have increased sizes as screen sizes have increased. So for example it’s rare to design for 800×600 anymore. But this iPhone site shows that of course you can’t see my full painting images! It’ll be interesting to see how or if graphics oriented people change their sites for phone users.

2 Alyson B. Stanfield September 3, 2008 at 9:10 am

Tina: I read that some people are designing “mini pages” (my word) on their sites for people with iPhones. I’d really like to see one of these sites.

3 Brad Blackman September 3, 2008 at 10:26 am

One important feature of the iPhone that this site leaves out is the fact that you can zoom in and out on web pages instead of just pan around. I do think that serving up an iPhone friendly (or mobile phone friendly) stylesheet is a good idea anyway. The other thing that this site misrepresents is that the iPhone currently doesn’t support Flash (unless you hack it). So if your site has Flash on it, it won’t work on iPhone.

4 Daniel Sroka September 3, 2008 at 1:52 pm

If you run your blog on Wordpress, you can install a very simple plug-in called iWPhone. If someone is browsing your blog from an iPhone, Wordpress will reformat it automatically to make it very easy to read. http://iwphone.contentrobot.com/

5 Alyson B. Stanfield September 4, 2008 at 12:45 pm

Dan: Cool! Since the newsletter is on a Wordpress blog, I’ll look into it. Thanks!

6 claudine hellmuth September 8, 2008 at 9:07 pm

ohh neat! thanks for posting this!

Leave a Comment

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Previous post:

Next post: