A framework for the quick development of websites is a structure of files and folders of standardized code (HTML, CSS, JS documents, and more) which can be used as a reference to help approach and resolve new problems of a similar nature. By providing a common structure, frameworks offer developers the opportunity to reuse code and avoid starting projects from scratch.
The 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 accommodate the limitations of the device being used. This includes, but is not limited to, the screen dimensions of the device. Responsive web design is divided into three main components: flexible layouts, media queries, and flexible media. 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. Desktop computer and mobile phone users alike all benefit from responsive websites.
My favorite three responsive web design frameworks are Bootstrap, Foundation and Gumby, in that order. But sadly, development of Gumby has recently ceased. And these frameworks aren’t necessarily the right solution for every project. For example, if you want to rapidly create a responsive design in the shortest possible time, you should consider a lightweight framework.
Here are four of the most promising complete, lightweight, intuitive, and responsive CSS frameworks. They are all released under the MIT License, a free software license originating at the Massachusetts Institute of Technology.
|Kube Web Framework||Minimal, responsive, advanced web framework|
|Skeleton||Very simple, responsive boilerplate to kickstart any responsive project|
|Responsive Aeon Grid System||Simple and minimalist alternative to start with Responsive Design and fluid Grids|
|Tuktuk||Set of tools for rapidly prototyping responsive Web pages.|
|Return to our complete collection of recommended free and open source software including our latest additions.|