Best css framework for grid system ?

                   Nowadays, there are a lot of grid systems and CSS frameworks that you can use freely to build your responsive website. My first thought was to collect them all, and create a big list containing all of them. That however wouldn’t do you any good because you still wouldn’t know which one is good and which isn't. Therefor I've asked 41 web-developers what they think is the best responsive CSS framework, and why they picked that framework. I did this by asking the developers the following question:

    What is best responsive CSS framework?

     The best responsive CSS frameworks, picked by 42 experts, are both Bootstrap and Foundation. I always advice clients to never use a CSS framework because it slows a website down and makes the code less readable because of the slurred class names. If a client insists, I advise to only use a grid system so you don’t get all the extra UI stuff. Apparently, developers tend to use CSS frameworks over grid systems, and don’t care much about it slowing the site down a bit or making the code less clear to read.
        A remarkable fact is that the 5th place goes to Flexbox, which actually isn’t a grid system or a CSS framework, but a new layout mode in CSS3. Like Flexbox, there are other items in the list that aren’t exactly frameworks or grid systems. Apparently nowadays people don’t only use CSS frameworks and grid systems to create responsive websites.
       What also needs to be concluded is that there are a lot of developers who don’t use CSS frameworks or Grid systems at all. Eleven developers (26% of all participating developers) told me during the questioning that they always write their own CSS by using media-queries, which in my opinion is by far the best way to create a fully responsive website. No extra loading time, clear classes, and you’ll actually learn to write plain vanilla CSS from scratch.

Comments