During the re-design process of DesignWoop I wanted to make it a fully responsive design (meaning it will re-size depending on the browser dimensions and orientation). I wanted to ensure the site was legible on mobiles and tablets such as the iPhone and iPad, however testing the responsive design as I was coding it was a bit of a problem. During the development process I came across a few very handy responsive design tools to help me test the sites responsiveness on different screen sizes. These responsive web design tools below allow you to test and improve your sites responsive design on various devices, screen sizes and orientations, test your site out and book these testing tools!
Responsive Design Testing

Screenfly

resizeMyBrowser

Responsivepx

Responsive Design Bookmarklet

Code Bomber // Resizer

ProtoFluid

StudioPress – Responsive Design Tester

Mobile Emulator

iPad Peek


4 Comments
HTMLSlicemate June 26, 2012 -
Responsive HTML Testing – http://www.htmlslicemate.com/responsive-design-testing
Thomas May 24, 2012 -
Verry nice set of tools. Although I think the following tools would make a great addition to the list!
http://screenqueri.es
http://responsive.victorcoulon.fr/
Adrian April 16, 2012 -
Thanx man.
Really great tools.
Juan Singleton April 16, 2012 -
I am very interested in this post. it is very helpful and useful for the web developers to develop the web application. Thanks for share.
Comments are now closed.