Sophomore Dev Projects

  • Increase font size
  • Default font size
  • Decrease font size
Sophomore Dev Projects

YUI Gallery Lightbox

E-mail Print PDF

We all like Lightbox, so here is a port of the Lightbox 2 project to YUI. For those of you who have never heard of Lightbox, it's a way to show a modal overlay with the content on the same page you're currently on rather than having to navigate to a separate page. Currently I support everything the Lightbox 2 project supports (which includes single images and grouped images and the ability to rotate through them). In the future, I expect

Read more...
 

YUI Gallery Data Storage

E-mail Print PDF

Sometimes it's useful to store arbitrary data with a particular node or object. If your class uses the Attribute utility, you're in luck and you're job is done. However, the Node class doesn't (yet) use the Attribute utility, so this port of the jQuery data storage API allows you to associate data with a particular Node instance. In fact, you're not limited to a Y.Node instances -- any object will do.

For Y.Node and Y.NodeList instances, two methods -- data() and removeData() -- are added to their prototypes and chainable so you can easily store and retrieve data you want to associate with those elements.

Read more...
 

YUI Gallery Effects

E-mail Print PDF

The "gallery-effects" module is meant to provide a simple framework and API for using the YUI 3 Anim utility that will allow you to quickly and easily animate nodes. The motivation comes from both jQuery and Scriptaculous, but you'll see that the framework and API are derived from Scriptaculous (heck, even the examples are taken from their documentation). The goal is to make animation with YUI as easy, if not easier, than with other JavaScript libraries.

Also, an important note is that this has been tested on all Yahoo! Grade-A browsers, so it'll "just work" and you don't have to worry about it only working in a subset of browsers. So feel free to start using it right away.

Read more...