Big ups to OOCSS (Nicole and everyone).

13 views
Skip to first unread message

Murray

unread,
Aug 12, 2009, 10:08:26 PM8/12/09
to Object Oriented CSS
OOCSS takes some practice and discipline but, as I'm using it for my
current project, I'll never approach another site without it.

I create 3-4 pages to begin with. One has all of my layout, one has
all of my containers, one has all of my content styles, one has all of
my form styles. Once I have created all of the elements on each of
these pages, piecing a template together is like building a lego
model.

When I am done I am confident that anybody, with simple understanding
of html/css, will be able to create new templates without the hassle
of unexpected content layout bugs.

That's the whole point.

Yesterday, I had a breakthrough with it, I finally figured out
(mentally) how to separate layout, content, containers, skins, and
forms.

The site I'm working on is a government site so I can't share any of
the code just yet, but once it is done I will post a link as an
example of real world OOCSS with partial vertical rhythm
(unfortunately you can't win every battle).

Nicole Sullivan

unread,
Sep 13, 2009, 7:52:30 PM9/13/09
to Object Oriented CSS
I look forward to seeing your work.

Vertical rhythm is hard (maybe impossible?) to achieve in non-print
media, even some of the example articles about vertical rhythm are
slightly off. I hope we can get OOCSS to have *good* vertical rhythm,
even if perfect is more for print.

Cheers,

Nicole

Murray Nuttall

unread,
Sep 13, 2009, 8:29:22 PM9/13/09
to object-or...@googlegroups.com
This is an early attempt to achieve vertical rhythm with oocss. I've since dropped the javascript, which removes a little bit of margin from the top and bottom, in favour of letting the page do what it wants naturally.
OOCSS-content-styles-vr.zip
Reply all
Reply to author
Forward
0 new messages