Continuing on with Christian Heilmann’s excellent chapter ‘Red flags in web design’ I loved this section about how not to name your css class and ids.
Here are some examples of really bad class and id names:
Basically anything that describes what the element looks like, and not what is it doing.
Here would be some better names:
greenMessage -> confirmation
largeBoxRight -> leanSideBar
redIntroText -> warning
See the difference? Applying this simple check will make your code a lot more readable and easier to maintain and understand. Thx Chris!
For more good tips on design and development checkout Smashing Book#2.