Web Delivery

Responsive Design and Fluid Grids with these Lightweight Frameworks

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.

Lightweight Frameworks
Kube Web FrameworkMinimal, responsive, advanced web framework
SkeletonVery simple, responsive boilerplate to kickstart any responsive project
Responsive Aeon Grid SystemSimple and minimalist alternative to start with Responsive Design and fluid Grids
TuktukSet of tools for rapidly prototyping responsive Web pages.

Read our complete collection of recommended free and open source software. The collection covers all categories of software.

The software collection forms part of our series of informative articles for Linux enthusiasts. There's tons of in-depth reviews, alternatives to Google, fun things to try, hardware, free programming books and tutorials, and much more.
Share this article

Share your Thoughts

This site uses Akismet to reduce spam. Learn how your comment data is processed.