Sites using OOCSS

[Shawn Sullivan]

I am a newcomer to OOCSS and was wondering if the experienced users could post some links to their sites using OOCSS. I would love to see some examples.

[Eduardo Matos]

Yahoo Finances, Facebook (I think that they are still using....), ....... someone knows any more?

[Eduardo Matos]

these are the examples that Nicolly uses in her apresentation

[Shawn Sullivan]

I just looked at both of them and they aren't using any of the classes in the code. It looks like they are using some of the concepts though.

[Eduardo Matos]

Yahoo finances still use :)

Look at containers and your classes:

yog-grid {

    float: none;

    width: 970px;

    margin: 0 auto;

}

yog-wrap {

    margin-right: -10px;

    _margin-right: -20px;

}

.yog-page .yog-16u {

    width: 630px;

}

This is in OOCSS concepts (modular, template, etc)

2012/8/10 Shawn Sullivan <shawnmsu...@gmail.com>

I just looked at both of them and they aren't using any of the classes in the code. It looks like they are using some of the concepts though.

On Friday, August 10, 2012 12:31:34 PM UTC-5, Eduardo Matos wrote:

these are the examples that Nicolly uses in her apresentation

--
You received this message because you are subscribed to the Google Groups "Object Oriented CSS" group.
To view this discussion on the web visit https://groups.google.com/d/msg/object-oriented-css/-/OntF1OwYwNoJ.
To post to this group, send email to object-or...@googlegroups.com.
To unsubscribe from this group, send email to object-oriented...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/object-oriented-css?hl=en.

--

[Rick Lowes]

This is kind of the point of OOCSS - it is more of a "concept" and not a framework - Nicole also states that it isn't a CSS framework on the FAQ page for OOCSS:

" OOCSS isn’t really a framework, though I’m creating one here as an example, but a way of writing scalable, sane, maintainable CSS. "

So really it's more of an "approach" to writing good, clean, scalable, maintainable, "DRY" CSS. Even when you look at something like the Twitter Bootstrap framework/library, there's a lot of OOCSS principals baked in there.

Now if you're looking specifically as to who is actually using the OOCSS "CSS Framework" one notable one I can point out I believe is Starbucks.com - if you look at their online styleguide, and take a look at say the grid framework section under "how to use" and "litmus test" and view the source, you can clearly see the "size1of3" classes etc being used in there - there has likely been adoption of this (i.e. for responsive design) but that's the idea - the framework isn't there to just be used "as is" but adapted/extended for your needs, and again really as an example of how to implement OOCSS prinicipals yourself:

http://www.starbucks.com/static/reference/styleguide/

@ricklowes

--

You received this message because you are subscribed to the Google Groups "Object Oriented CSS" group.

[Martin Petrov]

Box.net is a great example of OOCSS. I wish I could see the uncompressed css files.

[Shawn Sullivan]

Thanks Rick for the explanation.

To unsubscribe from this group, send email to object-oriented-css+unsub...@googlegroups.com.

[Evan Winslow]

Elgg (elgg.org) uses OOCSS principles in it's CSS framework. Twitter Bootstrap (http://twitter.github.com/bootstrap/) I would say is also similar in its approach.

Evan Winslow

http://community.elgg.org/profile/ewinslow

To view this discussion on the web visit https://groups.google.com/d/msg/object-oriented-css/-/bkSrRS0PI8wJ.

To post to this group, send email to object-or...@googlegroups.com.

To unsubscribe from this group, send email to object-oriented...@googlegroups.com.

[Nicole Sullivan]

Lot's of people use small parts of OOCSS. They take the grids but not the modules, or they use the table helper classes but not the lists... even more use the ideas rather than the specific code. So, Facebook has a media block but they call it UIImage_Block (or something like that) in order to have the naming scheme fit better in their system.

Box.net also uses OOCSS. So does one of the obama sites...

I wish I'd done a better job of keeping track of all the people who told me they were using it... oops. 

I think it is one of the strengths of the project that you can take one piece of it without being forced to use the whole thing. 

Nicole

[John Slegers]

Cascade Framework is a framework I released last week that implements OOCSS throughout the framework.

I'm currently working on my first client project based on Cascade Framework.

[Andrew Abogado]

Hi John,

Does Cascade Framework support Sass?

[John Slegers]

Cascade Framework 1.0 is pure CSS.

I am considering rewriting it to SASS or LESS for a later version if there's any demand.

Op donderdag 28 maart 2013 17:10:11 UTC+1 schreef Andrew Abogado het volgende:

[Andrew Abogado]

I see. It'll be interesting to know how you'll architect Cascade with preprocessors. Looking forward. Thanks

[Fiona Chan]

There's actually a SASS branch in OOCSS if people are interested:

https://github.com/stubbornella/oocss/tree/oocss-sass

It's very much work in progress and the stuff in the branch are like the first version. We've made a lot of improvements but need to find the time to port stuff back into the repo.

On 29/03/2013, at 10:47 PM, Andrew Abogado <m...@andrewabogado.com> wrote:

I see. It'll be interesting to know how you'll architect Cascade with preprocessors. Looking forward. Thanks

--

You received this message because you are subscribed to the Google Groups "Object Oriented CSS" group.

To unsubscribe from this group and stop receiving emails from it, send an email to object-oriented...@googlegroups.com.

To post to this group, send email to object-or...@googlegroups.com.

Visit this group at http://groups.google.com/group/object-oriented-css?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

[BBunny]

The Box.com (formerly Box.net) site is actually what led to my discovery of OOCSS. I loved what they did with it, so I Googled some of the class names. Voilá! I found OOCSS. 

[Nicole Sullivan]

Would you share what you found? I'm curious. :)

—
Sent from Mailbox for iPhone

On Tue, Jul 16, 2013 at 8:07 AM, BBunny <fche...@gmail.com> wrote:

The Box.com (formerly Box.net) site is actually what led to my discovery of OOCSS. I loved what they did with it, so I Googled some of the class names. Voilá! I found OOCSS. 

--
You received this message because you are subscribed to the Google Groups "Object Oriented CSS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to object-oriented...@googlegroups.com.
To post to this group, send email to object-or...@googlegroups.com.

Visit this group at http://groups.google.com/group/object-oriented-css.

[BBunny]

I Googled "size1of3." Your GitHub site and your Blog were near the top of the search results:

https://github.com/stubbornella/oocss/wiki/Grids

http://www.stubbornella.org/content/2009/02/28/object-oriented-css-grids-on-github/

I found several blog articles on OOCSS that linked to your pages. Example:

http://themetaq.com/articles/meet-object-oriented-css-cut-the-fat-out-of-code-with-this-smart-time-savin

Discussion threads:

http://www.sitepoint.com/forums/showthread.php?752423-OOCSS-Revisited

https://news.ycombinator.com/item?id=2199867

http://programmers.stackexchange.com/questions/188363/suggestions-for-css-frameworks

Found some actual stylesheets, from which I extracted the domain so I could see the site that used them. One example:

http://psdgoeshtml.com/examples/waterworks-css.html

I also ended up at this page, which I see no longer has any downloadable files linked to it, and that's a shame. https://github.com/stubbornella/oocss/wiki If I had not been able to download some files to play with, I doubt if I would have ever gotten started with OOCSS.

[John Slegers]

Great to see the OOCSS project is officially active again! It was high time for something to happen there.

I still regret you weren't willing to integrate the project with Cascade Framework, though. I'm currently working on a Sass metaframework for Cascade Framework... which seems to be the exact same thing that's going on at the OOCSS project.

Is there some kind of online source with any docs on what's currently going on or what's planning in the future? I'd love to compare notes!

[BBunny]

Also looks like Meetups.com is using it, but only for their footer: 

[BBunny]

Martin, just copy the text and paste it into CSS Tidy online. http://csstidyonline.com/

[Nicole Sullivan]

@BBunny - we totally agree about having downloadable files. This was a change on the github side, not ours. We think we can solve it with their new releases feature (because you can attach compiled code to it). We'll need to also do semantic versioning, so just a matter of figuring out how to get started with it. 

--

You received this message because you are subscribed to the Google Groups "Object Oriented CSS" group.

[BBunny]

Oops. Make that "Meetup.com".

[BBunny]

I was using builtwith.com to look at the technology behind some sites, and I discovered it can identify sites built with OOCSS! It says it has identfied 2,866 of them but would let me see only the first 20 since I'm not a paid subscriber (I had to register just to see the short list). The first 20 are as follows:

	Domain	Quantcast	Alexa
	microsoft.com	10	31
	norton.com	93	692
	howstuffworks.com	151	897
	tomshardware.com	243	1036
	greatschools.org	420	-
	rr.com	425	959
	meetup.com	493	516
	symantec.com	569	2026
	ezinearticles.com	766	630
	shutterstock.com	888	460
	mo.gov	1069	8773
	box.com	1198	1332
	landsend.com	1401	3481
	colostate.edu	1842	10417
	viator.com	1947	5806
	jstor.org	1965	3829
	forrent.com	2597	9727
	telemundo.com	3007	12524
	roadrunner.com	3109	4146
	broadway.com	3367	24506

The results page is https://trendspro.builtwith.com/report/26f4b307-f2e8-4f2a-8658-97b2e71df2b5# You may have to register to see it. 

[leban]

Nice find! :-)