http://cwebbdesign.tumblr.com/post/23666803241/scalable-and-maintainable-css-approaches
CSS Wizardy Guide https://github.com/csswizardry/CSS-Guidelines/blob/master/CSS%20Guidelines.md
Github Styleguide: https://github.com/styleguide/css
Wat? Semantic .. http://css-tricks.com/semantic-class-names/
OO CSS https://github.com/stubbornella/oocss/wiki/faq - can't find much info about it though?
TLDR, spec in progress, seems to be a lot of confusion on when to use these. Read below from http://html5doctor.com/the-section-element/
Don’t use it just as hook for styling or scripting; that’s a div
Don’t use it if article, aside or nav is more appropriate
Don’t use it unless there is naturally a heading at the start of the section
http://html5doctor.com/avoiding-common-html5-mistakes/
https://github.com/impressivewebs/Easy-HTML5-Template/blob/c90f6110b5416d244a464d69dc56b550b7a6b756/index.html When to use div or section? Looks like div should be used as a generic container, section has meaning -
Do you need to put space on the self closing html tags ie:
or
?
http://stackoverflow.com/questions/462741/space-before-closing-slash
http://www.w3.org/TR/xhtml1/#guidelines
TLDR -> yes, if you care about earlier versions of IE. Do we?
CSS too hard? Give up and use tables! http://giveupandusetables.com/
Looks like this is a good presentation on SXSW 2012 https://speakerdeck.com/u/andyhume/p/css-for-grown-ups-maturing-best-practises
Some good points. Some suggestions are questionable though for instance:
- prefix layout element with l-