Creating a responsive web design goes way beyond arranging things in a way that won’t compromise the look of your website in different screen sizes. Even tough we talk a lot about responsive web design, we are all figuring out the best way to go about developing a responsive site. One of the best ways to approach the issue is checking out tools that may help you with the task. However, there are a lot of tools out there, and it can be difficult to sort through them all. So for this post, we gathered some of the ones we find the most useful.
Responsive Web Design Sketch Sheets
Adobe Edge Inspect
Foundation
RWD Calculator
Responsive Layouts, Responsively Wireframed
Adaptive Images
Bootstrap
Retina Images
SimpleGrid
The 1140px CSS Grid
resizeMyBrowser
The Responsinator
The Responsinator helps website makers quickly get an indication of how their responsive site will look on the most popular devices. It does not precisely replicate how it will look, for accurate testing always test on the real devices.
Some books on responsive web design: