Basics Of Object Oriented Css

Oocss is implementing the concepts of oop in structuring and building css rules which are easy to reuse thereby reducing the loading time and increasing the performance of web pages incredibly.

Basics of object oriented css. One newer technique is object oriented css also termed oocss for short. Object oriented css oocss is an approach for writing css thats fast maintainable and standards based. Styling these objects is important because it determines the consistent look and feel of the site.

As with any object based coding method the purpose of oocss is to encourage code reuse and ultimately faster and more efficient stylesheets that are easier to add. The principles of oocss. In this post ill deal with this often overlooked area by introducing you to the concept of object oriented css and how it can help improve both the performance and maintainability of your web pages.

These elements for the most part wont receive any additional direct styling. In this post id like to introduce the core fundamentals of oocss and how these ideas can be applied to frontend web work. In this post id like to introduce the core fundamentals of oocss and how these ideas can be applied to frontend web work.

This isnt a tool but rather a css writing methodology that aims to make css modular and object based. The second step of object oriented css is styling a few key basic elements.