Google Using YUI Grids CSS

Head over to the Google Homepage. Log In using your Google Account. Make sure you’re at your Personalized Homepage. Take a look at the source CSS file ig.css included on the page. There are a few peculiar lines of code that I recognized from another source, the Yahoo User Interface Grids CSS file. Yahoo has provided a set of standard CSS definitions under the BSD license that allow a developer to easily make fluid or fixed width column layouts. And on the Google Personalized Homepage, there are the following class definitions:

#modules .yui-b{position:static;display:block;margin:0 0 1em 0;float:none;width:auto;overflow:hidden;}
.yui-gb .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}
.yui-gb div.first{margin-left:0;}
#modules,.yui-gb{zoom:1;}

This code includes identical Class names taken from the Yahoo User Interface library Grids CSS component. Here is the source in the grids.css file from Yahoo (truncated for simplicity).

#yui-main .yui-b{position:static;}
.yui-t7 #yui-main .yui-b {
	display:block;margin:0 0 1em 0;
}
#yui-main .yui-b {float:none;width:auto;}
.yui-gb .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}
.yui-gb div.first{margin-left:0;}
#bd,.yui-gb{zoom:1;}

Obviously, it’s the same code, with a few minor differences.

Screenshot proof

The interesting thing to note is that the YUI Grids CSS source code is licensed under a BSD license, which includes the following provisions:

Redistributions of source code must retain the above copyright notice, this list of conditions and the
following disclaimer.

The copyright notice they’re referring to is not included anywhere on the Google Personalized Homepage (and would seem to be a violation of the license). Now this may seem like a small infraction when we’re just talking about 4 lines of CSS code. But really, if they think the code is good enough that they will use it in such a prominent way and not write it from scratch using their own means, they should follow the licensing agreements stipulated.

Update
Google has added the BSD license statement and attribution to Yahoo in their CSS file (ig.css):

/* ===============BEGIN BSD LICENSED PORTION============= */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/
 
#modules .yui-b {
  position:static;
  display:block;
  margin:0 0 1em 0;
  float:none;
  width:auto;
  overflow:hidden;
}
.yui-gb .yui-u {
  float:left;
  margin-left:2%;
  *margin-left:1.895%;
  width:32%;
}
.yui-gb div.first {
  margin-left:0;
}
#modules,.yui-gb {
  zoom:1;
}
/* ===============END BSD LICENSED PORTION============= */

Sorry to everyone visiting the page for the extra millisecond or two it will take to load these comments.

VN:F [1.8.1_1037]
Rating: 4.5/5 (6 votes cast)
Google Using YUI Grids CSS4.556
This entry was posted in CSS, JavaScript, Reviews and tagged , , , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.
  • Thanks for reading. If you found this article useful, and you've read through some of my previous articles, you might as well Subscribe to my content subscribe to my blog. You'll save me some bandwidth that way.

9 Comments

  1. Posted April 6, 2007 at 9:52 am | Permalink

    There also seems to be significant overlap with the YUI CSS and font reset stylesheets. Compare these:

    http://yui.yahooapis.com/2.2.0/build/reset/reset-min.css
    http://yui.yahooapis.com/2.2.0/build/fonts/fonts-min.css

    … to the first few lines of this:

    http://www.google.com/ig/f/tB22vfBbv0g/ig.css

  2. Posted April 9, 2007 at 2:03 pm | Permalink

    Hey,

    I work on open source compliance at Google and we’re fixing the attribution issue. This is not cool at all but it will be fixed soon. Thanks.

    Chris

  3. Posted April 10, 2007 at 11:22 am | Permalink

    Is this really a “redistribution” of the source code?

    Use of the code is free to all, with or without attribution. If Google decides to distribute code as part of a new package in either binary or source form, and that product uses or extends the YUI lib, then they’ll have to include the attribution.

    AFAIK, that’s how the BSD license works. (Of course, me !== IP lawyer.) But of course attribution is friendly, and a definite “good karma” kind of thing in all cases. And it’s rather cool that Google is using our open-source tools; the YUI folks should be flattered.

    I’m a much bigger fan of the WTFPL for public open-source software, myself ;)
    http://en.wikipedia.org/wiki/WTFPL

  4. 서준원
    Posted April 10, 2007 at 12:17 pm | Permalink

    Hey updong.
    It was surprised about KR posting in here. hehe

  5. Posted April 10, 2007 at 12:50 pm | Permalink

    Technically, it is not distribution to put bsd code on a webpage even though that page is ‘downloaded’ to a webclient. We don’t mind giving credit though.

  6. Zach Leatherman
    Posted April 10, 2007 at 1:08 pm | Permalink

    Isaac, it would seem that you are correct.

    The first sentence of the BSD license is as follows:

    Redistribution and use of this software in source and binary forms, with or without modification, are permitted provided that the following conditions are met…

    But then the first condition only applies to redistribution and not to use. What restrictions are placed on use under the BSD license, if any?

    I hope that my misinterpretation of the license isn’t deemed sensationalist, I really just thought it was interesting that YUI code was on the Google homepage. That’s why the title of the article is what it is, and not “Google is stealing Yahoo’s code” as some have repackaged it.

  7. fornetti
    Posted August 31, 2008 at 12:15 am | Permalink

    I do not believe this

  8. Joseph Okharedia
    Posted January 20, 2010 at 2:07 am | Permalink

    I been in love with google’s simple but yet elegant UI look. I’m highly surprised that yui is part of their look. Does anyone have any idea if yui javascript has been used for any of their wonderful widgets like drop down menu.

  9. Zach Leatherman
    Posted January 20, 2010 at 5:26 pm | Permalink

    Hey Joseph,
    I’d imagine they’re using a combination of their own Closure Library and GWT.

6 Trackbacks

  1. [...] 그 대단한 구글도… attribution notice 를 지키지 않았어… 오후 2시 [...]

  2. [...] Google stealing “Code” from Yahoo!? April 09th, 2007 Zach Leatherman noticed an interesting copy right problem within Google’s personal home page CSS. Some parts [...]

  3. By Filter for 11/4 2007 - Felt on April 11, 2007 at 12:21 am

    [...] zachleat.com: Google Using YUI Grids CSS You should too. [...]

  4. [...] BSD Licence Blunder! Looking at the Google Personalized Homepage css file, Zach Leatherman noticed that it is using YUI Grids CSS, released under BSD by Yahoo!. Google use it silently [...]

  5. [...] about someone who’s using the YUI Library in production. But they missed one. It seems that Google is using it on the customized homepage. I guess that’s a [...]

  6. By Usability @Poli2.0 | Student la CS | Alex Eftimie on November 27, 2008 at 4:58 pm

    [...] De ce? Pentru că YUI este mic, modular, își face treaba bine și în plus este testat și de către peste 900 de milioane de utilizatori. Mai mult, până și Google îl folosește. [...]

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">

Additional comments powered by BackType