Object-oriented CSS

"How do you serve CSS to thousands of users and pages?" That's the question Nicole Sullivan tried to answer in her slide deck at the Web Directions North conference in Denver. The idea gathered a lot of feedback from the community thanks to Object-Oriented CSS (OOCSS) .

OOCSS is obviously more than just a tool, it is also a way of thinking. There are many advantages based on this concept, mainly including:

• It allows you to write faster, maintainable, standards-based front-end code.
• It pre-adds some necessary elements to CSS so that even beginners can participate in writing beautiful websites.

OOCSS is based on two main principles:

1. Separate structure and performance;
2. Separate container and content.

It is recommended that you take some time to look at the object-oriented CSS slideshow . There are 64 pages in total and definitely worth a read.

PS: Shenfei has considered translating this slideshow into Chinese before, but the author does not allow downloading, so everyone will just have to read it, and also consider translating some related articles to explain OOCSS more.

PS2, it seems that someone in China has also made an OOCSS, which means object-oriented CSS, but it is not the same as this one.

Original text: http://www.qianduan.net/object-oriented-css.html