While applications designed to test your web pages under different viewing conditions and devices are growing in popularity, there are times that you simply want to test how your existing site looks at different sizes without firing up some software or fiddling with the lower right-hand corner of the browser window. In that case, the following responsive design testing suites – all free – can be very useful.
responsive.is by Typecast and Chris Armstrong’s RZG have essentially the same idea: enter any site URL and choose from a set of typical device orientations and sizes to see how the sites responds. Both have a neat "cut off" feature to show you where content will stop appearing on the chosen display.
Matt Kersley’s RWD testing tool – also featured at the site of StudioPress – takes a different approach: given a URL, take the page and show it in various states and sizes side-by-side. The Responsinator, shown to the left, has the same idea, but displays the site within the screen display of several popular devices.
Responsivepx takes a local or remote web site and play with the visible size of an iframe pixel by pixel, which can be useful in determining exact breakpoints for a site.
Screenqueries is the best hybrid approach I’m aware of: not only does it have an array of device profiles, but it uses an editable ruler system familiar to anyone who has used an Adobe product to gauge and limit screen sizes.
There are also simpler and less graphical options, often available as bookmarklets: resizemybrowser.com, Responsive by Victor Coulon, Resizer by William Golden and an editable RWD bookmarklet by Benjamin Keen.
Finally, Chris Pederick is also working responsive layout presets into the next version of the Web Developer toolbar, currently in beta for Firefox.
Thanks to Snook and the many @ replies to his RWD tool question on Twitter for inspiring this article
Enjoy this piece? I invite you to follow me at twitter.com/dudleystorey to learn more.