Object Oriented CSS?

Anyone checked this?
I am not a fan of css frameworks in general! Anyone sees interesting potential?

Dang that looks so neat. It will be like the netbeans for CSS (netbeans is a program where you actually DESIGN java swing (visual stuff) instead of hand-coding it.) I think it will help a lot of new people out but more experienced people won’t need to use it. Well, the amount of people using it will also include experienced people-it will allow them to get done work faster.

Off Topic:

If you want to get technical everything in CSS IS OO

Ryan, This topic reminds me of that earlier discussion we had where you asked about me marking up all the HTML elements by default, this is part of the reason why I do it. It provides consistency and a framework of skinned elements which I can reuse, and if individual pages need slight tweaks, I can offer an id or class to style outside the skinned boundaries, it helps compress the code down and reduce bulky CSS files. :slight_smile:

I personally have never used a framework as I have always just used notepad. Using a framework will indeed provide a more…interesting time indeed.

I like this. Good link DT. I say forget the Framework and use there ideas to implement into your CSS work. Lawl’z. :slight_smile:

You can create frameworks using notepad, after all those javascript and CSS frameworks are nothing more then libraries of mark-up syntax :stuck_out_tongue:

I’m not a fan of CSS frameworks either. I admit I’ve never used one, but that is because each of the frameworks I’ve looked at, I wondered why it had to be so overly complex and non-descriptive in terms of naming conventions. I’m sure they’re good though, just not for me.

DT, have you looked at the CSS of the author’s website? While I’m convinced this is well thought out and certainly a labor of love, it looks like overkill to me. I think I’d have to kill myself if - after a year or two - I ever wanted to change something. I prefer it somewhat simpler, I guess.

The use of non-semantic class and ID values really irks me, as does the lack of absolute structure and use of hacks as well. Though on the surface this looks a lot like the CSS framework I’ve been developing, this uses far more code and can actually limit designs rather than enhance or empower their individuality/modification.

Dan, you are gonna share your framework with us peons when you’re done, right? :cool:

Yes. Right here on SitePoint, in fact. (If you look hard enough, there are already several pieces of it floating around the forums.)

I totally agree Maleika!

Yep! I posted this here to see if anyone finds any interesting potential I didn’t see! it is probably well thought and designed but it certainly has obvious weaknesses and limits like the ones you listed Dan!

And yeah!! You must share with us your CSS framework Dan!

I saw this a few days ago. I don’t really see much out of it except as a bunch of “standard” class names.

I already build my CSS files to reduce code duplication as much as possible by using generic class names. Because I make stylesheets for different medias (screen, print, etc.), this only sounds obvious and natural. Plus, it’s how I roll anyway (I always feel very dirty if I have to write layout CSS that only can only be used for one thing on the site.)

Plus, when I create a design, I don’t think “hmm… what existing code can I put in X and Y.” I pop open Photoshop and make the graphics work.

I must agree with most of you, I’ve never used a framework because they always seemed too complex for my needs. In the end, I usually start with an extremely simple reset and go from there with no other true consistencies. I should learn some more of the ideas in these frameworks for implementation in my own work, though, as mentioned.


I kinda believe that every designer makes their own framework. If you look at my websites, you would see similarities in the naming conventions for ids and classes. I hand code, and to me using somebody elses code just limits the design process, or at best makes it less efficient.

Ok, what is this and how do I get to it?

I’ve seen the presentation before and liked the concept, but ten points against the designer for not putting a big freaking download button somewhere on there or at least just linking up the instructions to the relevant files.

Without doubt this approach will become increasingly important over time as the need to manage large networks continues to increase. And of course, this method allows for faster deployment.

This is hosted on github, (git is a revisioning system like cvs, mercurial or svn )… this isn’t a normal site and anyone who’s using git would know how to download the files.

There is a download tab @ http://github.com/stubbornella/oocss/downloads# so you can download it if you aren’t familiar with git.

Thanks. Was a bit thrown by Downloads (0)

Gits a bit odd, but silly fast once you get the basics

CSS is too simple to require a framework. All it needs is a nice FAQ (which Sitepoint already has).

Honestly, the sad truth is that if you can’t effectively use CSS on its own, a framework isn’t going to help you.