Comments on: 10 Tips for Writing Better CSS

By: Peter Hobbs

Peter Hobbs — Sun, 24 Jan 2010 05:54:07 +0000

NICE – thank you

By: Kimberly Roberts Design

Kimberly Roberts Design — Fri, 22 Jan 2010 11:46:26 +0000

Great article! I haven’t used a “start sheet” before, but what a great idea. I’m not so sure I can use the example from Eric Meyers, but I will definitely be making one of my own for future projects.

By: Tedel

Tedel — Tue, 19 Jan 2010 19:57:20 +0000

mm… I add one: Use more z-index and less float. It works.

By: Patrik Krupar

Patrik Krupar — Tue, 19 Jan 2010 11:43:13 +0000

I can’t agree with your multiple rules = multiple lines. I know from my experience, the biggest the file is the hardier is it to read it. To split it into more files is no good idea because of to many HTTP requests.

Anyway great post, thank you!

By: grek

grek — Mon, 11 Jan 2010 16:00:57 +0000

Agree!

By: Jeremy

Jeremy — Tue, 05 Jan 2010 18:10:06 +0000

agreed. keep hacks with original whenever possible. if I throw something into an IE-only css file, then the orig css file gets a comment that there is a hack applied and in what file.

if the hacks are the only things keeping you from validating, then understanding that is better than validating if it costs $100s to workaround. I promise 99%± validation to clients, on the understanding that with as anal as I am about my markup, they should be fine if I spare them a few $100s to have it ‘almost’ validate—unless validation is in their spec up front. in that case, I promise to work as efficiently as possible, but but they’re on hourly rates to fix validation/bug issues that could be solved by a simple fix otherwise.

By: Magentoua

Magentoua — Tue, 15 Dec 2009 13:44:50 +0000

Im not agree with lots of advices but still they are good for a beginner.

By: chris

chris — Sat, 12 Dec 2009 17:01:09 +0000

About No. 10, I think it’s not easy to code the CSS like that, you have to think about which value should be first in mind, that’d take some time. It’s not so efficient when you’re coding the CSS, not modifying it.

By: rickyH

rickyH — Tue, 08 Dec 2009 12:26:33 +0000

I use shorthand except for the background options. I like splitting them up for readability. like:
h1{
background-color: transparent;
background-image:url(“images/a.png”);
background-position: 100px 24px;
background-repeat: no-repeat;
}
I guess this might just be me though…

By: MrJuls

MrJuls — Thu, 03 Dec 2009 11:25:17 +0000

Great tips, basic but very useful!