Yahoo! User Interface Blog (YUIBlog)

Gallery Contest: An Update

The YUI 3 Gallery Contest 2010 is well underway, and with a full weekend left for submissions I wanted to share with you what’s come in so far. These are all the brand new modules submitted by what I believe are eligible contest participants since the contest’s start date (if you think you’re eligible and I’ve omitted your contribution, please let me know in the comments). These are ordered from most to least recent.

Two HTML 5 video abstractions are included here, as well as a Lightbox port, a Quicksand port, a new Slideshow and some lower-level utilities. Participants include Josh Lizarraga, who authored one of the first YUI 3 community contributions, and Greg Hinch, who was the first public contributor to YUI 3 Gallery. There are some people new to the YUI community, too, whose contributions look outstanding.

It’s not too late to enter the contest; visit the contest page, check that you are eligible, and make sure you fax in your CLA and submit your module prior to the deadline on Monday night.

HTML5 Player (gallery-player)

Josh Brickner’s HTML5 Player is a YUI 3 widget that creates a video player using the HTML5 video tag.

Josh has put an example up here, along with a README.

YUISand (gallery-yuisand)

Lauren Smith’s YUISand “fancifies the sorting and itemizing of a collection of similar items.” Lauren’s work implements the functionality of the Quicksand module built by Jacek Galanciak for jQuery. Lauren has docs up, and he’s got a full example roster.

YUI Slideshow (gallery-yui-slideshow)

Josh Lizarraga’s YUI Slideshow is a Gallery version of a project Josh first shared with the community last year on his FreshCutSD site. Writes Josh: “YUI Slideshow lets you create customizable, animated slideshows from images or any other HTML. The module has many different built-in transitions you can use to create a variety of effects. You can also create your own by passing in an Anim configuration object. You can also designate any HTML element as a pause, play, next, or previous button.”

Effects (gallery-effects)

Andrew Bialecki’s Effects package wraps YUI’s Animation Utility with an API similar to Scriptaculous to make animating nodes even easier.

Lightbox (gallery-lightbox)

Andrew Bialecki’s Lightbox is a port of the Lightbox module to YUI. At present, the module is targeting the featureset of Lightbox 2.

I didn’t see any posted documentation from Andrew on this module yet, but the example that he ships with gallery gives you an idea of what this module does.

Data Storage (gallery-data-storage)

Andrew Bialecki’s Data Storage adds the functionality of the jQuery data storage API (http://api.jquery.com/category/miscellaneous/data-storage/). Andrew describes the module this way: “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 your 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 Y.Node instances — any object will do.”

Component Manager (gallery-base-componentmgr)

Eric Ferraiuolo’s Component Manager is a Y.Base extension. Writes Eric: “Don’t need all your page’s components to be ready and loaded on page load? Want to lazily load their dependencies and lazily instantiate them on-demand based on some user action? Then use this Y.Base Extension.”

Video (gallery-video)

Greg Hinch’s Video module attempts to insert a video element into the page, using HTML 5, and falls back to Quicktime if HTML 5 support isn’t available. Here’s Greg’s description: “Dealing with video can be difficult, trying to find the right player to use for your user’s environment and the type of video you want to play. This module is an attempt to centralize all that logic into a single interface, including the events and methods published by the various players available.”

Form Events (gallery-form-event)

Eric Ferraiuolo’s Form Events module adds event bubbling to form events: submit, reset, and change. IE is the major browser that doesn’t natively support bubbling of these events.

Find conversations: bloglines | technorati

Share and extend: Bookmark with del.icio.us | digg it! | reddit!