talk.markdown

CSS Rants

Why?

• monolithic css files are bad.

Organization

• [SMACSS] ( http://smacss.com/ )
  • smaller files for organization
  • recognizable structure
• [BEM] ( http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/ )
  • naming things well
  • most good css names are nouns, most bad ones are adjectives
  • in large apps, you either end up nesting deeply or running out of names.
  • .block__element--modifier
    • double hyphens are so that you can have hyphenated items.
  • .gridzilla__listitem--selected > #gz > table li.active
• Shame

Pod People Refactoring

• identify
• extract
• explain
• hang your head in _shame.css [link] ( http://csswizardry.com/2013/04/shame-css/ )

DRY SCSS

• [refactoring techniques] ( http://sassmeister.com/gist/9381806 )
  • @extend
    • %placeholder
  • @include

SCSS TRICKS!

• The power of lists