Comments on: 9 CSS Best Practices You Need to Know

By: PHP Best Practices For Beginners - Fantastic Web Design

PHP Best Practices For Beginners - Fantastic Web Design — Mon, 12 Apr 2010 14:12:41 +0000

[...] CSS Best Practices [...]

By: SM

SM — Tue, 09 Feb 2010 07:35:51 +0000

Excellent tips. Thanks

By: Stephen Orr

Stephen Orr — Mon, 08 Feb 2010 07:15:03 +0000

For me, the best reason to put each rule on it's own line is simple - version control! Some merge tools find it hard to work with text changes on a single line, so you'd have more potential for issues keeping the rules together.

By: twe4ked

twe4ked — Sun, 07 Feb 2010 06:52:09 +0000

I agree, this one is personal choice!

By: Semblance

Semblance — Fri, 05 Feb 2010 19:44:00 +0000

I agree with Alex, I personally prefer my selectors to be in one line. Less scrolling through all the lines to make changes or add something. I use to do it the way you prefer. I guess it is up to personal preference. In one line it can sometimes be hard to read.
I have actually never thought to have a colour reference in the top of the CSS file. I still go back and forth to Photoshop. Will definitely use that tip from now on. Thanks.

By: Eric Bannatyne

Eric Bannatyne — Fri, 05 Feb 2010 15:28:14 +0000

That's actually a very good point. When I was writing this article, I just picked the first example that came to my head. I'll update the post with a better example.

Thanks for reminding me!

By: Stephen Orr

Stephen Orr — Fri, 05 Feb 2010 11:12:40 +0000

Avoid using inline styles? I agree with the sentiment - you ABSOLUTELY should avoid inline styles - but what you've replaced it with is almost as bad.

You've created a class called .redbox - but this a totally non-semantic name, and doesn't give any indication of what it represents. What happens if you decide that every red box should now be blue?

Do you change the .redbox class to have a blue background, do you create a new .bluebox class and do search/replace throughout all your HTML?

Or do you just call .redbox something like .infobox that represents it's purpose rather than it's colour.

By: Eric Bannatyne

Eric Bannatyne — Thu, 04 Feb 2010 15:34:07 +0000

That's interesting. I just prefer each rule to have its own line, because that's just what I'm used to, and it works perfectly fine for me. It really is just a matter of personal taste.

By: Amber Weinberg

Amber Weinberg — Thu, 04 Feb 2010 14:30:14 +0000

Good article but I disagree with the organization tip. To me, putting everything on one line is more organized, cleaner and saves space. I can also find what I'm looking for much faster as I don't have to scroll through an endless page with one rule on each line. It also makes the file size smaller. I think it's more of a personal prefer, as doing one rule per line instead of doing it all on one line would def slow down my workflow exponitially.

By: Veera

Veera — Thu, 04 Feb 2010 13:10:22 +0000

yes. these are the basic rules that every CSS developer must follow.