+359 2 850 5364

Responsive design tools

To help web designers and programmers

In the last few years, responsive design has established itself as a leading trend in website design. And it is normal, given the development and popularity of mobile devices.

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

Skeleton
Less Framework
Semantic Grid System
Golden Grid System
Gridless 
Bootstrap
Gridset
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
Screenqueri.es 
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.

Related Articles

  • DETAILS Demonstration of a call with client
    Demonstration of a call with client
    What is the best approach for your customers? Test your communication skills!
  • DETAILS Digital Culture for Regional Cohesion
    Digital Culture for Regional Cohesion
    An innovative data base for raising the awareness in the cross-border area on the regional and European dimension of culture…
  • DETAILS Free PowerPoint presentations
    Free PowerPoint presentations
    Do you want a well-structured, impressive and memorable presentation? We have a PowerPoint template that you can get for…
  • DETAILS 7 things you need to change in your website
    7 things you need to change in your website
    Think for a second - what is the thing that you really don’t like when you visit a website?

Design and Development of Modern and High Quality Websites More...