{"id":1330,"date":"2013-05-13T05:19:53","date_gmt":"2013-05-12T19:19:53","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=1330"},"modified":"2013-05-13T05:19:53","modified_gmt":"2013-05-12T19:19:53","slug":"yui-ui-animation-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/yui-ui-animation-primer-tutorial\/","title":{"rendered":"YUI UI Animation Primer Tutorial"},"content":{"rendered":"
\"YUI<\/a>

YUI UI Animation Primer Tutorial<\/p><\/div>\n

A lot of the things people like about the Web are to do with JavaScript and client-side activities. Adding to that experience are Javascript libraries packed full of features. One of the best of these is the YUI library by Yahoo! And for topday’s tutorial we will look at some animation functionality<\/p>\n

The Yahoo! User Interface Library (YUI) is an open-source JavaScript library for building richly interactive web applications using techniques such as Ajax, DHTML and DOM scripting. YUI includes several core CSS resources. It is available under a BSD License.[1] Development on YUI began in 2005 and Yahoo! properties such as My Yahoo! and the Yahoo! front page began using YUI in the summer of that year. YUI was released for public use in February 2006.[2] It is actively developed by a core team of Yahoo! engineers.<\/p>\n

In September 2009, Yahoo! released YUI 3, a new version of YUI rebuilt from the ground up to modernize the library and incorporate lessons learned from YUI 2. Among the enhancements are a CSS selector driven engine for retrieving DOM elements, a greater emphasis on granularity of modules, a smaller seed file that loads other modules when necessary, and a variety of syntactic changes intended to make writing code faster and easier.[3]<\/p>\n

The YUI Library project at Yahoo! was founded by Thomas Sha and sponsored internally by Yahoo! co-founder Jerry Yang; its principal architects have been Sha, Adam Moore, and Matt Sweeney. The library’s developers maintain the YUIBlog; the YUI community discusses the library and implementations in its community forum.\n<\/p><\/blockquote>\n

Click on picture above<\/a> to go to YUI Library page for a tutorial on a UI feature of YUI Library called UI Animation or click here<\/a> to see the interactive use of this YUI Library UI Animation.<\/p>\n

Link to YUI Library information … via Wikipedia, from where quote above is derived<\/a>.
\nLink to YUI Library spiritual home page … via Yahoo!<\/a>
\nLink to YUI Library download page … download YUI Library here<\/a>.
\nLink to YUI Library UI Animation page … YUI Library UI Animation functionality<\/a> (one of many YUI Library UI ideas).<\/p>\n

Download programming source code and rename to yui_animation.html<\/a><\/p>\n

<\/p>\n

Did you know …<\/em><\/strong>
\nJavaScript makes a great easy-access Calculator?<\/p>\n

Try typing the lines below into the address bar of your favourite browser:<\/p>\n

Javascript: eval(512 \/ 380);
\nJavascript: eval(512 * 380);
\nJavascript: eval(512 – 380);
\nJavascript: eval(512 + 380);
\nJavascript: eval(512 % 380);<\/p>\n

These days we spend so much time on the Internet it is a much quicker way to get to a calculator!\n<\/p>\n

And did you know …<\/em><\/strong><\/p>\n

Yahoo! also host a great question and answers website at Yahoo! Answers<\/a>.<\/p>\n

If this was interesting you may be interested in this<\/a> too.<\/p>\n