modularcss.md

CSS

Group

• Have each table summarize the blog post.
• Watch video.
• After video Have each table chose a website and seperate it's homepage into these 3 things.

Base

• Core styles for site
  • default elements
  • grid
  • variables
  • reset/normalize
  • fontsize
  • font

Components

• User Interface/ Design patterns
  • Alerts
  • Forms
  • Buttons
  • Lists

Modules

• Business logic.
  • Header
  • Footer

Qs?

• What does "be explicit without raising specificity" mean?
• Describe yourself using CSS.

Similarities w/ coding

• DRY
• small boxes
• reusable

CSS Vocab

• Class
• Element
• Selector
• property
• value
• font/typeface
• color
• hover

Resources

• http://cssstats.com/ Returns a ton of awesome stats about css for a given URL.
• https://css-tricks.com/starting-a-refactor-with-css-dig Techniques for better CSS.
• http://www.csszengarden.com/ some cool examples of different stlye sheets applied to the same HTML.
• http://learn.shayhowe.com/advanced-html-css/performance-organization/