What I Did on My Summer Vacation…Just Kidding…Day 1 at Velocity Part Two

The Fast and the Fabulous: 9 Ways Engineering and Design Come Together to Make your Site Slow

Nicole Sullivan from Yahoo gave her presentation on Object-Oriented CSS. It looks like she just launched a new site about OOCSS. She will also have an article in Layers Magazine later next month about the topic.

Her main argument is that CSS has started to grow into weeds and is very difficult to manage. She is pushing for a component library for manageability and reuse. She has (4) examples of default CSS, grids, modules and content worth looking at. As she put it, we should be separating the following:

  • Container and Content
  • Structure and Skin
  • Contour and Background
  • Objects and Mixins

Other Notes to Reference

  • Take a look at this article from alistapart.
  • Keep selectors fast: define default values and style classes (not objects)…except for defaults (globals)
  • Avoid specifying location
  • Avoid overly specific classes
  • Use mixins to avoid repeating code
  • Encapsulation: don’t access sub-nodes of objects directly
  • Outcomes: Measure your results
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s