Responsive design tools

Many tools have appeared on the market and on the Internet to help web designers and programmers in the process of creating a responsive website.

In the following lines we have listed some of them, and for convenience the tools are divided into several thematic groups.

Grid and Frameworks

• Less Framework
• Semantic Grid System
• Golden Grid System
• Gridless 
• Bootstrap
• Gridpak
• Susy
• Tiny Fluid Grid

Scetch Sheets and Wireframes

• Responsive Web Design Scetch Sheets
• Responsive Wireframes
• Style Tiles

JavaScript and JQuery Plugins

• Adapt.js
• Isotope 
• Masonry 
• Respond.js
• TinyNav.js 
• Wookmark 

Testing and Preview

• ProtoFluid
• Responsive.Is 
• Responsive Web Design Testing Tool 
• ReView
• Screenfly
• Responsinator

Sliders

• Blueberry
• Elastislide 
• Responsive CSS3 slider

Misc

• Adaptive Images
• FitText.js
• FitVid.Js 
• Retina Images 
• Seamless Responsive Photo Grid
• Zurb 
• Media Query Bookmarklet 

* What is responsive design? 

In short, responsive design allows websites to be well visualized on different types of devices - mobile and desktop. In responsive design, when the user changes the laptop with his iPad, for example, the website automatically changes its resolution, image size and scripting capabilities.

Source: hongkiat.com.