Comments on: Object Oriented CSS, Grids on Github

By: Tips & tricks til bedre CSS og markup « Hvem glor – din bror

Tips & tricks til bedre CSS og markup « Hvem glor – din bror — Sun, 20 Feb 2011 18:47:42 +0000

[...] Du er sikkert stødt på ordet "object-oriented CSS" også kaldet OOCSS?! Hvis ikke gør du det nu. Selve navnet, OOCSS, er en smule misvisende og forvirrede mig mere end det gavnede, da jeg første gang stødte på det. OOCSS er ikke, hvad man traditionelt vil betegne som objekt-orienteret programmering, OOP, men i stedet benytter man sig af nogle af OOPs principper såsom polymorfi, abstraktion, arv mm. Ideen bag OOCSS er at lave mindre og mere genanvendelig CSS vha klasser. For en dybere redegørelse henvises til "opfinderens" hjemmeside, Nicole Sullivan. [...]

By: The Web Column: Issue No.1 — L'Alpiniste

The Web Column: Issue No.1 — L'Alpiniste — Mon, 06 Dec 2010 23:08:10 +0000

[...] Nicole's post introducing OOCSS: http://www.stubbornella.org/content/2009/02/28/object-oriented-css-grids-on-github/ [...]

By: Andreas

Andreas — Tue, 28 Sep 2010 22:34:32 +0000

Now you all know Im a css novice I appreciate you took found time to answer my question. Will post in the google group from now on.

Thanks / a

By: Bruno Barros

Bruno Barros — Sat, 25 Sep 2010 14:31:04 +0000

Nicole,
this is a nice way to structure the CSS stuffs, but you use too many files and many hacks for IE5.5 etc.
What do you think about performance and CSS compliance (W3C)?
Do you do something to take over this issues?

All the best,
Bruno

By: How To Create Cleaner and More Efficient Code | 26Twelve Blog

How To Create Cleaner and More Efficient Code | 26Twelve Blog — Fri, 03 Sep 2010 21:44:20 +0000

[...] Object Oriented CSS [...]

By: Nicole Sullivan

Nicole Sullivan — Wed, 01 Sep 2010 15:55:08 +0000

@Andreas – I prefer JS for height alignment. The css-only solutions seem to have more cons than pros. (I couldn’t see your link, it seems his site is broken)

By: Nicole Sullivan

Nicole Sullivan — Wed, 01 Sep 2010 13:38:59 +0000

@erik – do you mind if I leave your question and answer? Others have had the same trouble, so your process will help them figure it out. The other two culprits when grids break are oversized content and forgetting to use the class “lastUnit”

By: erik

erik — Fri, 27 Aug 2010 06:37:01 +0000

Really sorry, please delete this post and either the entire other one I made or the last 2 paragraphs. I’m apparently both blind and a little dumb, and padding broke your basic included widths also, which is what i expected but somehow failed to see.

By: erik

erik — Fri, 27 Aug 2010 06:13:16 +0000

First – outstanding. I’m also surprised and impressed that you keep up with these posts! I came to your site after watching the youtube vid “The Top 5 Mistakes of Massive CSS” and I’ve been playing around with your grid system a bit. Its really wonderful.

Only one bit baffles me — why is it if I create a class like .size1of10 and set it to 10% width, it doesn’t behave as the other classes? 10 in a line break for me unless they have 0 border and padding — while your default sizes are fine with padding. I tried both a 1of10 @10% and a 1of8 @ 12.5%. I know I could make two 1 of twos containing 1of5s, but that’s not really the point

I guess I’m not enough of an expert to understand why its failing. If you have a moment to provide any insight, I’d appreciate it.

By: Andreas

Andreas — Mon, 02 Aug 2010 21:31:27 +0000

Finally found the google group.

If others are reading this, you can find links to oocss examples in this thread: http://groups.google.com/group/object-oriented-css/browse_thread/thread/6148e9f31bf0de9b#