Alcides Fonseca bliki - Latest Comments in Alcides Fonseca: LESS CSS

Re: Alcides Fonseca: LESS CSS

Mario Valente — Sat, 18 Jul 2009 18:05:00 -0000

JSON CSS http://lab.arc90.com/2009/0...

-- MV

Re: Alcides Fonseca: LESS CSS

alcides — Sat, 18 Jul 2009 17:14:07 -0000

Tiago, I rather describe each of de element rather than applying properties to a list of them. I organize my CSS like that because I find it more readable (yeah firebug and inspector, I know, I know) and it's even easy for me to write.

In you code, you will repeat #element1, .someclass, etc... a lot of times, while I repeat colors and font-sizes.

You're repeating yourself one way or the other. I like CSS to be target-oriented and the only thing I lack is variables. And it's something that wouldn't hurt CSS, would it?

Re: Alcides Fonseca: LESS CSS

Tiago Rodrigues — Sat, 18 Jul 2009 17:04:27 -0000

Well, let me tell you that you are misunderstanding things if you don't know how to apply DRY concepts to your CSS code.

Colors for instance. You don't need variables at all in order to avoid repetition. In my case, all my colors go in the end of the CSS file. For instance, if I use a #FF0000, I do the following:

#element1, .someclass, div.someotherclass sometag, whatever, #something {
color: #ff0000;
}

You can see an example here: http://n.ki.sl.pt

I do the same for font sizes (altough that file doesn't have that yet). As for organization, use comments, learn how to separate things. Place the main layout elements at the top, then have the specific sections CSS, and a section for reusable elements across different sections.

I seriously think people fail to understand how do organize their CSS code a lot, even designers who probably write 10 times the CSS I do.

Re: Alcides Fonseca: LESS CSS

Dextro — Sat, 18 Jul 2009 16:15:36 -0000

True True, CSS could really use variables!

Re: Alcides Fonseca: LESS CSS

Ruben Fonseca — Sat, 18 Jul 2009 13:50:02 -0000

SaSS is way cooler - http://sass-lang.com/