Yahoo! hat für sein neues Portal die Yahoo! User Interface (YUI) Library entwickelt und diese anschließend veröffentlicht. In dieser Bibliothek bestehen verschiedene Komponenten die der Entwickler für eigene Entwicklungen nutzen kann (siehe z.b. mein Tutorial über einen Akkordion Effekt mit der YUI Lib).

Das ganze hat erst einmal nichts mit Google zu tun btw. hat Google sein eigenes Produkt – das Google Webtoolkit (GWT), ich berichtete.

Nun aber der Zusammenhang zwischen Google und der YUI Library. Schaut man sich den Quellcode der persönlichen Google Startseite an so fällt einem für die div Elemente, die eine Spalte für das dreispaltige Layout ergeben, auf, dass sie die CSS Klassen yui-b , yui-gb und yui-u first enthalten. Im folgenden Screenshot ist das nochmal durch Firebug schön hervorgehoben.

Dass man diese Klassennamen auf die YUI Library bezieht kommt daher, weil es einen YUI CSS Tools Bereich in der YUI Library gibt mit denen man recht einfach bestimmte Layoutgerüste (CSS Grids) erstellen kann ohne sich selbst um die CSS Styles kümmern zu müssen. Die in den Google verwendeten Klassen yui-b , yui-gb und yui-u first werden schön unter “Available Template Presets“, “Available Special Nesting Grids” und “Using Nesting Grids” beschrieben.

Natürlich bindet Google nicht die YUI Library ein oder verwendet sie direkt. Ich schätze sie haben damals einfach die Styles ausprobiert bzw. übernommen und die Namensgebung ist noch der letzte Rest der Entwicklung.

Aber gut zu wissen, dass auch die Großen auch bei ihren Konkurrenten einfach mal “über die Schulter schauen” ;).

(via praegnanz.de)