CSS naming convention, which is good??

[rams]

Hi All CSS enthusiast here,

most of the frameworks follows detailed naming for selectors, like
jquery UI – ui-datepicker-buttonpane button

i was thinking what if we abbreviate these names like

ui-dtpcr-btnpne or like, to reduce the length and keep a readme file to elaborate those full names.

any thought?

cheers!
-rams

[Paulie_D]

For a small project that’s OK as long as you understand them. I would keep the actual details as comments inside the CSS stylesheet though rather than a separate file.

Anyway, with proper minifying and compression long class names aren’t going to save you much anyway.

[Josh Johnson]

I use this method for CSS, works great for me. http://bem.info/

[TheDoc]

I absolutely *hate* it when people use shortened names. It’s so difficult to properly read unless you’ve created them yourself.

[Kitty Giraudel]

You should avoid shortened names. What is obvious to you may not be for anyone else.

I would go for BEM-like approach, anytime.

[rams]

Thanks all for the appropriate comments,

I was kinda confuse but we learn everyday, right?

Appreciating all thoughts,

-rams

[Author]

Posts