Just found a really good review on a CSS Grid at Frihost.com. Called Manhattan by Adam Smith. May be worth trying it out.
http://www.adchsm.com/manhattan/
http://www.adchsm.com/manhattan/
Frihost said:Source: http://www.frihost.com/forums/vp-1200304.html#1200304Simonjw said:Big bump.
So I still pretty much build all my websites from scratch, but recently I found something I like a lot to use for my grid system, that is when I am not using flexbox in HTML5/CSS3 apps. It is called Manhattan by Adam Charles Smith, it has it's own data-attribute called mhtn which keeps your html quite clean as there are no classes and identifiers for the actual grid.
You might be wondering how you would use it through a data attribute, but it is quite simple. Here is an example:
<div mhtn="container flex"></div>
This would give you a container that would be the length of the whole page and have a small amount of padding on the left and right. There is also row, col and element sizes that you can place within the the div with the container. The main reason why I like this is because I have the freedom of placing this data-attribute and then having Notepad++ through an extension make the attribute invisible so that I can work with my classes and identifiers freely and not have to worry about my grid system at all.
This has worked really well for me and has allowed me to shorten my design development quite substantially. It also allows me to focus more on my UI elements and how I really want the website to shine. You can find the documentation and download for the grid system at http://www.adchsm.com/manhattan/. If you end up giving it a try, let me know what you think.
Simon