Comments on: CSS Tip #2: Structural Naming Convention in CSS

By: Sidra Blue

Sidra Blue — Thu, 04 Mar 2010 02:59:00 +0000

Good read, although personally, I hate long names that take up valuable filesize. With the way most websites are, you would want to reduce as much as possible, your filesizes that are being downloaded for a view.

There are the standard class names which would be common for all sites like #header, #footer, #content, but everything else is normally different these days.

Coming up with shorter but easily understandable names, (eg using ll in place of left, or rr in place of right, etc) and have an accompanying document on how these class names are so, would hopefully help Dave Newbie easily understand and help them “immediately start work without having to constantly scratch their heads”

Most would probably disagree though, but that’s just our way =)

By: Irene

Irene — Wed, 16 Dec 2009 03:19:54 +0000

Thx,This is really useful for us.

By: Dylan Bauer

Dylan Bauer — Tue, 21 Jul 2009 08:55:14 +0000

Excellent read, I didn’t even realize I was making some of these trivial mistakes!

By: Ronald

Ronald — Mon, 06 Apr 2009 03:51:38 +0000

this is really great post. I’ll apply this when writing CSS such impart new knowledge on me…thanks for the share

By: sivas

sivas — Sat, 21 Mar 2009 10:40:04 +0000

great, thank you

By: amal

amal — Mon, 15 Dec 2008 09:15:05 +0000

nice post. i always try to use structural naming.i think its more logical.

By: dave

dave — Thu, 11 Dec 2008 06:57:01 +0000

Yay for self-documenting code!

By: ivan acosta-rubio

ivan acosta-rubio — Wed, 10 Dec 2008 23:30:45 +0000

Love the article!

By: Jacob Gube

Jacob Gube — Tue, 09 Dec 2008 21:06:27 +0000

@Michael: Yeah, exactly. I think for CSS, it’s so simple that if you need to comment a lot, you may have to think about your code. For PHP, I do comment like there’s no tomorrow though (I use the PEAR coding standards for my projects) – not only for people working on my stuff later on, but especially for my sake.

I’m curious to hear more about how you break up your CSS files into the 3 sections you mentioned.

By: Michael

Michael — Tue, 09 Dec 2008 03:28:30 +0000

@Jacob I agree, with CSS I don’t do a whole lot of commenting, except for 1) Like you I comment things that may throw others off, and 2) I break my CSS files up into 3 sections (Standard Selectors, IDs and Classes) and use comments to differentiate the sections. Personal preference, but for me it makes it much easier to find what I’m looking for.

Again, great article, I’m looking forward to more.