Design best practice for a re-usable CSS – you’re front dev will say thanks

A session at Web-5 Conference 2013

Friday 14th June, 2013

4:45pm to 5:30pm (PMT)

I recently worked on a big project, the client insisted on using bootstrap (no I won't talk about it) and LESS.
He basically wanted elements to be easily re-usable, and he also wanted us to create a "template" stylesheet with colors, background, so that he could easily popose different "sets" of color for the site. We got the PSDs from the designer, basically it was a headhache to code.
The client wanted us to re-use as many CSS as possible, to create variables with colors, to create different blocks that he could use on other pages. But the designer used so many colors, gradients, font-size, box size that is was basically almost impossible to re-use the CSS, we ended up designing each block as a custom block.
As a designer who codes, I was used to code my own template, this was the first time I coded an other designer work. I learnt a lot during this project, as a front-dev, but mainly as a designer.

I learnt how to drive a front-dev crazy. And I want to share this with you. I want to share best practices, based on this project's experience, among other so that designers can create designs that are aimed to be coded using OOCSS methods. So that the code will be re-usable. And I also love nice HTML, and accessible websites.
So those advices and best practise will also include some UX and accessibility common ground and best practise.

About the speaker

Coverage of this session

Sign in to add slides, notes or videos to this session

Tell your friends!


Time 4:45pm5:30pm PMT

Date Fri 14th June 2013


Olympe de Gouges, IUT de Béziers

Session Hash Tag


Short URL


View the schedule


See something wrong?

Report an issue with this session