Johan Brook

  • About
  • Heroes
  • Archive
  • Projects
  • Log
  • Contact

What's this?

I'm Johan, and I'm interested in interface design and front-end development. I freelance as web designer and developer, and study Software Engineering in Gothenburg, Sweden.
More about me

  • Twitter

    @johanbrook
  • Subscribe with RSS

    johanbrook.com/feed
  • E-mail me

    johan at johanbrook . com
More contact stuff
Linked http://ianstormtaylor.com/oocss-plus-sass-is-the-best-way-to-css/

Sass 3.2 Placeholders and Object-Oriented CSS →

‹ Previous post · Next post ›

October 17, 2012 · Permalink · Read more posts about Design and CSS

Ian Storm Taylor on how to use Sass 3.2′s Placeholder feature together with Object-Oriented CSS (OOCSS), in order to create a clutter-free HTML presentation as well as semantic CSS classes. I immediately thought of Placeholders as the abstract classes in object-oriented programming languages, such as Java – they’re only used to inherit from.

I also like the shift from clinically clean HTML – stripped from all classes – to a more semantic thinking which tells us that a bunch of classes in our HTML aren’t that bad if they’re semantic and makes sense (boy aren’t I just tossing the word semantic around?). You can always rely on classes. HTML elements might change, but their styling will stay the same if you apply the same class on the new element, for instance.

Thanks to Sass and some planning, I think you’re able to pull off some pretty sweet reusable CSS in the end.


Johan Brook 2007-2013 · Godkänd för F-skatt