Article: 3 Free Apps for Testing Your Responsive Designs Online Responsive design has brought about a whole new list of challenges for web designers who have decided to take the plunge and leave static design behind. Creating a layout that works well at not one but several, or even all, possible widths requires patience, creativity and of course, lots of testing. Nothing replaces checking out your design on the actual devices that you’re targeting, but as you’re building, it’s nice to be able to get a quick peek of the layout at various widths right on your computer. Wait, Why Do I Need These? If you’re new to the concept of responsive web design, then you might be confused about why the following utilities are helpful. To pull this off, you of course need to be able to see your layout at several different widths. The Responsinator The Responsinator is probably the easiest way to get a quick look at your layout on popular device widths. To get started, all you have to do is type in the URL of a website that you’d like to test. Responsinator Pros
Adobe Edge Inspect CC - Cross browser testing Download Edge Inspect on your computerInstall the Google Chrome browser extensionDownload the extension from the Chrome Web StoreInstall the mobile client on your devicesiOSAndroidKindle Fire Edge Inspect is an essential application for web developers and designers who need to preview their content across multiple mobile devices. Wirelessly pair multiple iOS and Android devices to your computer, grab screenshots from any connected device, and see real-time results from changes to HTML, CSS, and JavaScript.
Article: 10 Helpful Resources for Testing Responsive Web Design | Vandelay Design Testing is a critical part of the responsive web design process. The purpose of using a responsive layout is to make the website useful on any type of device, but without extensive testing it’s not possible to know for sure how the site is behaving in different situations. Fortunately, there are a number of different tools and resources available that can help you to test your responsive designs. In this article we’ll take a look at some helpful tools that you may want to try for yourself. Viewport Resizer Viewport Resizer works as a bookmarklet. jResize Plugin jResize is a jQuery plugin for one-window responsive development. Screenqueri.es With Screenqueri.es you enter the URL and then you can pull the slider to adjust the screen width of the display. responsivepx With responsivepx you will enter the URL and then use the sliders to set the width and height for testing. resizeMyBrowser resizeMyBrowser allows you to choose the dimensions of your browser for testing. BrowserShots Litmus
Responsive Templates - Media Queries