I’m a big fan of Chris Coyier’s simple grid approach, the now-famous ‘Don’t Overthink it grids’. It’s such a simple concept (I used it to build this very site), yet so powerful as it allows you to get your grid working in no time without having to customize other people’s work.
And while we wait for the right time to start using flexbox to its full potential, we are pretty much stuck with grids. #justsaying.
This approach is indeed great, but sometimes, you might find yourselves in a situation where you do not wish to build all your project from the ground up and adapt one of the [many] available frameworks to your needs.
Today, I decided to give gridism a test drive. It’s a very simple CSS framework made by a young lad named Coby Chapple, currently working in Northern Ireland. I stumbled upon his framework the other day, and was immediately attracted by its simplicity.
Take Chris Coyier’s simple grid approach, sprinkle it with a few more classes to improve mobile experience, and you get gridism.
I decided to give gridism a test drive (so I was saying), so I picked one of Foundation’s templates and reproduced it in no time with a couple of customizations.
If you’re looking for a minimalistic responsive CSS framework, then this one could be yours.
Demo’s obviously on the inevitable Codepen.
Note: I spent absolutely no time on this, so don’t tell me something’s off, or that I could have coded a class differently. The point of this demo is only to test the framework, not make a pixel-perfect copy of the foundation template.
My name is Flo Preynat and I am the freelance webdesigner and developer behind shoogle designs. I live in France and specialize in responsive web design. Give me a shoogle or get in touch with me on twitter.
Follow @shoogledesigns
I didn’t like any of the existing frameworks out there, so I just created my own framework.
Cascade Framework ( http://cascade-framework.com/ ) combines a very light footprint with feature richness bacause of an ultra-modular OOCSS based architecture. If you only need its core features, you need no more than 2.5Kb of framework code (minified + gzipped).
If Cascade Framework still isn’t lightweight enough for you, there’s now also a light version with 2kb in total. You can check it out at http://jslegers.github.io/cascadeframeworklight/ .
Way to go John, well done.