View Your Website on Various Devices and Screen Resolutions Using Screenfly

Screenfly is a very cool new tool that allows you view how your website appears on many different devices and varying screen resolutions.

How to Use Screenfly:

Screenfly is free. You can visit there anytime you want to check a website on different devices. Simply type in the URL of the site you want to view. Then hover over the devices to see more options at different sizes and resolutions for viewing your website:

How does it work?

Screenfly uses a proxy server to mimic devices while you view your website. If you’re having trouble or if the device switching isn’t working, you may want to select the “no proxy server” checkbox before clicking go.

It is also important to note that Screenfly does not mimic the behavior of the devices you select. When on the device you could in fact zoom out to view the entire page, even though at first load the edges appear to be clipped off.

Responsive web design is important to us at wpmu.org and we’ve been moving more in the direction with our latest redesign. If you haven’t yet, check out Tammie’s post on how we’ve put HTML5 and Modernizr to work to for us on this site: Under the Hood – a Look at the New WMPU.org Design

Is your WordPress site ready to be seen on devices of all sizes? Use Screenfly to give it a quick check and bookmark it for the next time you want to use it. Stay tuned here at wpmu.org for more tutorials on how to bring your website into the next generation of sites ready to be seen and used on any device.