A framework for the quick development of websites is a structure of files and folders of standardized code (HTML, CSS, JS documents, and more). These frameworks provide a basis to start building a web site.
These front-end UI frameworks also enable users to dive into responsive site design. This type of design was inspired from the concept of responsive architecture, a class of architecture or building that demonstrates an ability to alter its form, to continually reflect the environmental conditions that surround it. In a similar way, a responsive web design seeks to accomodate the limitations of the device being used. This includes, but is not limited to, the screen dimensions of the device. Offering a good presentation experience with a minimum of resizing, panning and scrolling across a wide range of devices is the key virtue of responsive design.
There are hundreds of devices that are used to access the web. These devices have different capabilities and constraints, such as screen dimensions, input style, resolution, and form. As more and more users access the web through different devices, in particular tablets and smartphones, developers need tools to build websites. The important of catering for different devices should not be underestimated. After all, in a few countries, mobile web traffic has already overtaken traffic from traditional computers.
There are a number of options available for developers. Some developers may wish to build special dedicated sites for mobile devices. However, this is a time consuming solution. A more attractive route is to build a responsive site usable on all devices, with the site design changing on the fly depending on the screen resolution and size of the device. Responsive design is the way forward for making web sites accessible to mobile users.
The purpose of this article is to list the finest open source software that lets you dive into responsive design. The software presented here makes it easy to get started with responsive design. Pre-built frameworks get designers up to speed with a limited methodology rather than spending time building an intimate knowledge of CSS positioning. The code is portable, and can be output to documents in a wide array of formats.
Now, let’s explore the 6 frameworks at hand. For each title we have compiled its own portal page, a full description with an in-depth analysis of its features, together with links to relevant resources and reviews.
|Responsive web design|
|Twitter Bootstrap||Sleek, intuitive, and powerful mobile front-end framework|
|Foundation||Advanced responsive front-end framework|
|Ink||Set of tools for quick development of web interfaces|
|YAML||Modular CSS framework for flexible, accessible and responsive websites|
|Gravity Framework||SASS based front-end developer framework|
|Return to our complete collection of recommended free and open source software including our latest additions.|