CSS gets Object-Oriented

CSS guru, Nicole Sullivan, has a way to make CSS Object Oriented. To me, CSS would then be possible to be used with useful features found in Object Oriented programming languages, such as Java. So, inheritance, properties overriding should be possible with the OO CSS? Lets look at what the guru has to say:

My [Object Oriented CSS] grids and templates are open sourced on github. They have all the functionality of YUI grids plus some important features.


* Only 4kb, half the size of YUI grids. (I was totally happy when I checked the final size!)
* They allow infinite nesting and stacking.
* The only change required to use any of the objects is to place it in the HTML, there are no changes to other places in the DOM and no location dependent styling. Eases back-end development and makes it a lot easier to manage for newbies.

http://wiki.github.com/stubbornella/oocss

…My prediction is that you’ll be writing complex layouts in less than 24 hours without adding a line to the CSS file.

More on Object Oriented CSS:

How do you scale CSS for millions of visitors or thousands of pages? Nicole first presented Object Oriented CSS at Web Directions North in Denver. Since then, the response has been overwhelming. OOCSS allows you to write fast, maintainable, standards-based front end code. It adds much needed predictability to CSS so that even beginners can participate in writing beautiful websites.

Two main principles

1. Separate structure and skin
2. Separate container and content

There is really a need for a catch up for this later. Sounds interesting for maintaining huge CSS over huge websites. via Ajaxian

Enter your email address to subscribe our newsletter or feed for FREE:

Delivered by FeedBurner


Bookmark with:

[Delicious]    [Digg]    [Reddit]    [Facebook]    [StumbleUpon]

0 Responses to “CSS gets Object-Oriented”


  1. No Comments

Leave a Reply

You must login to post a comment.