Since it was first introduced in 2009, the YUI Gallery has been a great tool for web developers, allowing them to contribute to the YUI library in a more open way, make their YUI modules more discoverable, and deploy them at scale using Yahoo’s CDN....

I first started building YUI 2 widgets for dates back in 2006. One popped up a calendar under an input field, while another bound two calendars together to form a range. A few years later, there was a need for entering both dates and times,...

YUIConf 2012 was an incredible conference with excellent speakers on topics that are relevant to the YUI community. We really enjoy sharing a bit of it with you with a new video release every few days. Be sure to check out our earlier videos as well...

A few weeks ago, we have released an out-of-cycle YUI 3.6.0 PR3 that contained a new widget, the YUI TreeView. The purpose of that release was to expose the TreeView to the wider developer community and solicit feedback and testing. We received...

When working with tabular data, it is nice to be able to see as many columns as possible. If the table is the only widget on the page, then you can let the table expand and the viewport will scroll. However, this will not work if you need to display...

When working with tabular data, it is nice to be able to see as many columns as possible. If the table is the only widget on the page, then you can let the table expand and the viewport will scroll. However, this will not work if you need to display...

The QuickEdit plugin for YUI 3 DataTable makes it easy to edit an entire page of records as an atomic operation. However, sometimes you need to do even more. For example, you might have to simultaneously edit more records than you can comfortably...

Geolocation is one of the more exciting HTML5-related technologies to appear in browsers, and the Geo Gallery module gives you access to location information. The W3C Geolocation API provides a simple interface to access the user's location from...

About the authors: Gopal Venkatesan ( @g13n ) works for Yahoo! in Bangalore where he is one of the deans of the frontend engineering community; Gopal has been the lead engineer on the YUI 2 Carousel project since the 2.6.0 release. He is also the...

In this session from YUIConf 2010, Liferay engineers Nate Cavanaugh and Eduardo Lundgren talk about the dozens of high-quality, YUI 3-based components contributed by their AlloyUI project to the YUI 3 Gallery . You can't appreciate the full spectrum...

Push notifications on the web are increasing in popularity, as evidenced by the excitement over Web Sockets , and with good reason. The web is moving towards more accurate and up-to-date information as audiences turn to the Internet for real-time...

Introduction SVG ( Scalable Vector Graphics ) provides a declarative syntax for interactive, animated 2D graphics: shapes, images and text. SVG support is part of the HTML 5 specification and SVG is implemented by all major browsers, including...

RaphaelJS is a powerful JavaScript library that manages SVG drawings and animations. It allows you to easily create SVG canvases and draw basic shapes and paths very easily, even grouping them into sets and applying transformations to one or many...

Base64 encoding was originally designed to allow lossless data passing between 8-bit and 7-bit systems. The primary example of its usage is in email, which traditionally used 7-bit systems to transfer the email while those of us at home on our...

This article introduces my Event Binder module , recently released in the YUI 3 Gallery. YUI 3 is getting good traction in the developer community, with significant adoption of the latest 3.1.1 release and a huge infusion of new, innovative projects...

A few weeks ago, Stoyan Stefanov ( @stoyanstefanov ) published the result of his research about preloading components in advance without executing them . This technique can help improve the performance of successive pages that make use of the cached...

About the author: Peter Peterson is a lead front-end engineer for Yahoo!'s internal developer tools. I wanted to get my feet wet with the finalized widget infrastructure presented in YUI 3.1.0, and I've always felt the best way to do that is to...

We use an awful lot of the different YUI 2 widgets and components in our main application, and love them! But I'd thought it was about time to start getting to grips with YUI 3 , and decided I'd have a go at bringing YUI 2's Resize Utility over to...

Congratulations to Andrew Bialecki ( @abialecki on Twitter ), whose Scriptaculous-inspired Effects module won the YUI 3 Gallery Contest 2010 . Andrew, who lives in the D.C. area, will be attending JSConf 2010 next month with a complimentary ticket...

Forms have been a staple on web sites for a very long time. In the early days, they were quite simple: the user entered values and then waited while the server processed the values or spit back errors. The rise of Web 2.0 has significantly improved...

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...

Natively, JavaScript has a very limited set of functions for working with numbers located on the global Math object. Mostly these functions are for working with exponents, trigonometry, and rounding. And while these functions are needed and...

We're pleased to announce the YUI 3 Gallery Contest 2010 . Thanks to our friends at the Yahoo! Developer Network , we have a conference pass to the sold-out JSConf 2010 to offer. We're pairing that with a $500 gift certificate to Expedia.com to help...

I was working on an internal product here at Yahoo! that required users to input time-of-day in a specific format. I decided that rather than force users to type exactly the right format it would be easier just to provide a UI widget for time input....

Checkboxes and radio buttons are well known patterns for choosing from a small set of items. The former lets you choose any subset of items (including none), while the latter requires exactly one selection. But what if you need a different behavior?...

With more and more browsers adding support for the HTML5 Web Storage API , the future is looking good for web applications that need persistent client-side data storage. Unfortunately, maintaining compatibility with older browsers that don't yet...

As the YUI Team wraps up work on the core widget foundation for YUI 3 , one of the things we're seeing in the YUI 3 Gallery is transitional solutions that help flesh out YUI 3 implementations. Some of these, like Julien Lecomte's SimpleMenu , are...

Julien Lecomte wrote the SimpleMenu module for use on Yahoo! Search (the "More" link uses this code). It's superbly light — a 1.3KB minified script leveraging the YUI 3 core, plugin architecture , and keyboard/ focus management utilities. Moreover,...

Last week at YUICONF 2009 , we introduced the YUI 3 Gallery , a new way to contribute to YUI 3 . Within a few hours, Greg Hinch had posted the first community contribution to the Gallery . Today, less than a week later, there are 18 modules in the...

Accordion is a visual widget that allows the expansion/collapse of grouped items containing arbitrary data. Accordion items can be added or removed dynamically, reordered via drag-and-drop, closed and set as always visible. Originally, I built the...