by Flo Preynat

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.

gridism demo

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.

Most Recent Posts

Special Recent Posts

Sip: a color picker refreshingly simple indeed

Sip: a color picker refreshingly simple indeed

July 10th, 2014

I've just discovered Sip, a color picker app for Mac users. "Just discovered" since it's been around[...]

Perch – the CMS that does not pollute your web design workflow

Perch - the CMS that does not pollute your web design workflow

July 7th, 2014

I have recently finished a project based on Perch, the clever 'little' CMS created by edgeofmyseat.c[...]

Responsive video code snippet

Responsive video code snippet

June 29th, 2014

More of a reminder than a pure detailed blogpost, this code snippet will be my go-to resource when I[...]

Project Naphta: a nifty extension to play with text embedded in images

Project Naphta: a nifty extension to play with text embedded in images

June 9th, 2014

We've all been there. You want to select a good chunk of text on a website, only to realise you can'[...]

Free photos for your web design projects

Free photos for your web design projects

June 4th, 2014

Nothing beats using a real professional photographer when working on a cool project. You can be the[...]

Comments

  1. 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/ .