HomePortfolioTwitter

Playing with LESS/960

Posted on by David Turner

I’m sure those of you that have been following me have seen me rambling on about LESS. A while back I brought up that I’d been playing with adapting the 960 Grid System over to make use of LESS mixins. It worked really well.

What I hadn’t thought of was the additional benefits of making this change. The original CSS Framework allows you to make use of a few options - 12, 16 & 24. The first thing I realised, when first playing around with my mixin version, was that I could use pretty much any number of columns, just by changing a variable passed into the mixins.

An additional benefit that springs to mind as particularly awesome though, is how easy the mixins allow for me to tweak the grid layout subtly. I’m not stuck using .grid_1, .grid_2 etc… I can use any size I want. If 1 column is too small, but 2 columns are too big, I can go in between that, say 1.5 columns. So long as the ultimate number equals the relevant number of columns things work out flawlessly so far.

The testing will continue. I still need to implement a few more bits and pieces to fully transfer the Grid System to LESS but, so far, I’m ridiculously happy with how things are turning out.

Something to Say?

I love hearing from people that have something to say on a topic, but I have come to the conclusion that comments on my site aren't the best way to do this. If you have something you'd like to contribute to the conversation why not write a short article on your own site, or tweet about it? If you put something online, or want to comment on things, feel free to fire a tweet my way.