Responsive Web Design Framework

When looking into responsive web design frameworks a lot of information can be found, but the question "What is a responsive web design framework" isn't really answered.

Hopefully we can cover the major points and clearly explain what a responsive framework is.

Responsive web design frameworks are also commonly known as:

  • Responsive CSS Framework
  • Responsive Design Framework

A responsive web design framework generally contains a variety of JavaScript files or libraries, CSS files containing predefined code and basic HTML files.

The idea behind a framework is what the word stands for a "Framework" - we define a responsive web design framework to be "A combination of predefined files used to support the development of static or dynamic websites."

What can be found within a responsive framework, pretty much the same as a normal framework, the extra information required for a responsive framework is generally extra CSS or JavaScript files.

These CSS or JavaScript files control the interaction on devices, e.g. they respond to the viewport of the device in use and use the appropriate layout that was predefined for that screen size.

The majority of responsive frameworks are there for quicker deployment, management and construction of a website, although in some cases in-depth knowledge of CSS and HTML is required.

Some examples of responsive web design frameworks:

  • Yaml : A modular CSS framework for truly flexible, accessible and responsive websites.

  • Foundation : The most advanced responsive front-end framework in the world.

  • Less Framework : Less Framework is a CSS grid system for designing adaptive web­sites.

  • inuit.css : Another CSS framework?! Yup, 'fraid so, but this one's different…

For in-depth reading and information about the individual responsive web design frameworks listed above we suggest visiting the individual sites and take a look, and even test them.

We have built our own responsive web design framework so if you would like to test our responsive framework and find out how our frameworks CSS works then take a look here ».


With the hype about responsive web design at the moment, tons of developers are churning out responsive frameworks and responsive grid systems, either stand alone or in a framework system.

Finding the best framework for the web design you have can be a challenge, but once you have tested a few of the frameworks that are currently available, you should be able to find one that best suits your requirements.

With all new technology, advancements will take place, new responsive frameworks will appear and the older frameworks will disappear or be improved if they have a strong enough user following.