CSS naming guidelines

Question

I was reading this:

"Guideline Number 7: Try to avoid using unecessary classes and IDs.

So, now that we’re keeping our hooks to a minimum, it’s time for our next step in quality over quantity: naming. We want to avoid names that imply presentational aspects. Otherwise, if we name something right-col, it’s entirely possible that the CSS would change and our “right-col” would end up actually being displayed on the left side of our page. That could lead to some confusion in the future, so it’s best that we avoid these types of presentational naming schemes."

So what do I call them if not right-col and not presentational?!?!

Please strive for a better question topic next time.

Phrogz
– Phrogz

2010-12-07 22:54:55 +00:00
Commented Dec 7, 2010 at 22:54 — Phrogz
– Phrogz, Commented Dec 7, 2010 at 22:54

Phrogz · Accepted Answer · 2010-12-07 22:56:55Z

1

I discuss this very topic in "How to Develop with CSS". What you call it depends on the content. Maybe "sidebar" or "links" or "extra".

answered Dec 7, 2010 at 22:56

Phrogz

304k115 gold badges669 silver badges758 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sotiris · Accepted Answer · 2010-12-07 22:56:01Z

1

any naming technique has advantages and disadvantages...try to find a way that help you more in your work, and make well commented css files.

answered Dec 7, 2010 at 22:56

Sotiris

40.2k11 gold badges55 silver badges86 bronze badges

Comments

David Thomas · Accepted Answer · 2010-12-07 22:59:42Z

1

Rather than naming things after their presentation name them for their function, or purpose. Also, try to use a coherent page structure so far as possible, and use the CSS cascade to access/target elements.

answered Dec 7, 2010 at 22:59

David Thomas

254k53 gold badges382 silver badges421 bronze badges

Comments

kobe · Accepted Answer · 2010-12-07 23:16:17Z

1

As long as it conveys meaning for the html structure and other developers can understand well it should be fine.

answered Dec 7, 2010 at 23:16

kobe

15.9k15 gold badges67 silver badges93 bronze badges

Comments

Eric Fortis · Accepted Answer · 2010-12-07 22:57:46Z

0

check out 960.gs using that gridsystem will save a lot of time, trying to figure out the best naming scheme.

answered Dec 7, 2010 at 22:57

Eric Fortis

17.5k6 gold badges43 silver badges63 bronze badges

Comments

score 0 · Accepted Answer · 2017-10-26 13:04:14Z

0

NCSS Sheets is a naming convention and guideline for semantic CSS: CSS class naming convention

edited Oct 26, 2017 at 13:04

answered Nov 27, 2013 at 21:29

user924017

Collectives™ on Stack Overflow

CSS naming guidelines

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related