What's Your Page Look Like on Every Device?

Over the holidays, I saw my website on an iPad.

It was a mess.

Text overlapped images and everything squished together, even when holding the tablet in 'landscape' orientation.  So I decided I needed to fix my web page (because I heard these iPad things are getting popular).

But how?  Therein lies the rub.  I did some Googling and found several websites that simulate (for free) what your (or any) web page will look like on a variety of computers, tablets, and smart phones.  I particularly liked this one:  http://quirktools.com/screenfly/

Using Screenfly, you can preview your web page on different computer monitor sizes, net books, the iPad, Galaxy, Zoom and other tablets, 8 different smart phones, and 3 TV resolutions.  It even lets you rotate the page and simulate scrolling.

You won't easily get your page to look perfect on all of them, but you can get a good idea which platforms really massacre the look of your page.  Needless to say, I did some reorganizing and re-sizing of my webpage and this very blog.  If you're reading this on a mobile device right now, let me know what you think (post a comment below or drop me an e-mail).

Just to be clear, this is not a shameless plug for Screenfly.  It's just a cool website I stumbled across and found useful and easy to use.  I'd never heard of it before yesterday.

I added some more photos to my Pinterest collection.  If you happen to have read Crimson & Cream, check out my Pinterest boards and see if your imagination matches mine.