Design & Development

Introducing Righty CSS – a micro grid and toolbox

Posted on

Does the world need another grid? Another framework?

Probably not. There are so many to choose from, big and small. Yet, somehow they were all designed to solve a specific problem, or series of problems. And as they seem to continue to be complex and heavy, stripping it down seems to be refreshing.

I’ve currently been building out many of my projects with small modules and plugins I choose, instead of just hitting it with Bootstrap or Foundation ( side note, I do love Foundation ).

Righty CSS is a small chunk of scss I can include into a project and recycle some of my favorite snippets. There is a simple grid that will suit many projects, that is super minimal. There are a few handy helpers and modules, like a navigation bar and css-only tabs, that can be easily inserted into your projects. In each scss partial is a commented out chunk of corresponding html. The scss is also pretty well documented, and simple.

My plan is too keep this light, but will most likely add a few more modules that are common among projects. Of course, these only reach the compiled css if you choose to comment them back into the flow.

Please checkout the demo page, as well as github.

Published under: Articles
Tags: , , , ,
Previous Print design example

An example of bringing some print text design to the web

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.