How to Test Responsive Designs for Free: “Stop resizing that browser, you’re gonna wear it out!”

“Stop resizing that browser, you’re gonna wear it out!” How many times have you heard that one? Well okay, maybe not so many times, but if you develop responsive design web sites, you know what I’m talking about: with every DOM or CSS edit you’re dragging that browser edge back and forth, testing your changes and looking for anything broken.

Ultimately, most of this effort is an attempt to emulate the screen size of different devices.

If you’re doing corporate development, you may have a variety of devices provided by the company to test on. Where I work we have an iPad, iPod, one or two other tablets, laptops and desktops. If you don’t have that luxury, you have to use whatever is at hand.

In my home we have two different laptops, two different Android devices, a Kindle and a Nexus 7. These are the devices I use to test my freelance development, but clearly this isn’t an exhaustive collection. No iOS devices at all, and although I’m a bit of an early adopter, I don’t plan on buying every new phone/phablet/tablet as it hits the market.

So what is a developer to do? Thankfully, there is a growing number of browser-based tools available that emulate the screen sizes of a wide variety of devices. Different tools come with different feature sets and varying levels of utility, of course. We’ll look at several of them here.

Read the full article at www.webdesignerdepot.com by Steve Ralston, a web development professional in Waterloo, IA.

 

Erika Kirsten Beck is the founder and president of Ryder Media Consultants which designs, develops and implements custom social media business strategies and campaigns that create awareness for an organization’s products or services. She specializes in social media strategy development. Follow her on twitter: @RyderMedia. Like her on Facebook: www.facebook.com/RyderMedia.