Gone are the day when Responsive web design was just a buzz word and people saying you couldn’t possibly get away with creating one website for all devices and browsers, well guess what, it has now become the norm, and even search engines give preference to mobile friendly websites while search trends over time prove that Responsive web design should be the go to option when creating a new website. Even websites that do not practice Responsive web design most certainly have a mobile friendly version and if they don’t, they should as mobile penetration of online browsing has exploded and is only set to grow further. The only foreseeable threat that Responsive web design may face is through mobile apps that can provide structured content derived from a regular website.
Having built websites on both the Foundation framework as well as Bootstrap what we have realized is that we mostly only need the CSS powered Responsive grid system that these frameworks provide, the rest of it all being elements and plugins that each specific web development project may or may not need in fact using these frameworks in their entirety along with other plugins required by the project may actually hinder website performance.
A typical web design project workflow would be to go the customize page for any of these frameworks and toggle off all elements and only download the CSS grid system. The grid system is actually vertical columns that stack up on each other from left to right, meaning content on the right of the screen will drop to the bottom as the screen size reduces, this is important if content on a website must be viewed by a user in a particular order.