Download Velocity templates

Alloy User Interface
Other CSS3 modules include:
•
background-size
•
HSL colors
•
text-overflow
•
box-sizing
•
resize
•
attribute selectors
•
overflow-x, overflow-y
•
content
•
media queries
•
multi-column layout
Why YUI3?
YUI3 is the next-generation JavaScript and CSS library of Yahoo!. YUI has been used
to write the Yahoo! website pages. All YUI code is under the Berkeley Software
Distribution (BSD) license. The public can use it and contribute to it.
A sample piece of YUI3 code is like this:
YUI().use('node', function(Y) {
var node = Y.one('#greet');
node.setContent("Hi, I am YUI3.");
});
YUI3 uses the notion of sandbox. Your UI code is encapsulated in a sandbox. In the
previous code snippet, this is the sandbox:
YUI().use('node', function(Y) {
// your code here
});
Here YUI is a global object in the YUI3 library. YUI() will return an instance of
the YUI class. The use method allows you to get the modules and load them into
your YUI instance. The above code loads the node module into the sandbox so that
you can use Y.one('#greet') to get the element with ID greet in the webpage
and manipulate it. The function(Y) is the last argument for the use method. That
function has an argument Y, which is a reference to the YUI instance.
The above code gets the element with ID greet. It then sets the content of the
element to Hi, I am YUI3.
[ 236 ]