About camel case, the example is wrong, camel case implies first letter must be lowercase, then every 1st letter of following words in UPPER. In your example you show “MainContentBody” as camel case notation, when it correctly came case shoul be “mainContentBody” with the “m” in lowercase.

About Hungarian notation, is history, modern languages due the intense uses of classes are not using it any more. Imagine you have to write divtblcolBox.

I think using dashes or camel case are the better options, and dashes as you show here, do have some advantages over camel case.

I second the point about Hungarian notation and would add the HTML Ancestry, Element Variation and Namespaces to the poor choice list as well, as both eliminate one of the major strengths of CSS, implementing standard class and ID names and then using the cascade and child-selection techniques to apply the proper rules to the element of choice. Ideally you would follow this structure (reworked the HTML Ancestry example) using your choice of capitalization scheme:

div.content { … }
div.content .block { … }
div.content h2 { … }
small.content-block-header-meta { … } // You shouldn't name your IDs or classes in a way that describes it's presentation ('small') as it may need to be styled differently after a redesign
div.content p { … }


I’m sure this is beyond the purview of your original post, but I thought I’d throw it out there for others.

Alex

oh, and P.S. your image on the top nav, as well as the backgrounds for the buttons doesn’t show up on firefox with adblock, I’m guessing this has something to do with its name.. so..

And that weird footer thing, you caught me in the middle of a fix-it-up. :)