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. Here's a newer addition: