
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.