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

The YUI Loader has revolutionized the management of JavaScript, and the Gallery has made it easy to distribute and use open source modules. However, I have always been concerned about the restriction to a single gallery version in the YUI...

Abstraction is a hot buzzword, but many people say abstraction when they really mean generalization. These two concepts are very different. In fact, they apply to opposite ends of the coding process. A lot has been written about how abstractions...

When I sat down to build the YUI 3 version of Page Layout , I knew it would be a big job. Even though the YUI 2 version was on its third incarnation, the code was still a mess. The original design, dramatically simplified from the performance...

Disclaimer #1: You’re already doing functional programming: everytime you pass a callback to Y.on . This article is about digging a bit deeper. Disclaimer #2: Replacing for loops with function calls does add execution overhead. However, this is...

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

Even though YUI 3 DataTable does not yet have inline editing of individual cells, it is relatively simple to implement Quick Edit mode. The QuickEdit plugin for DataTable in the YUI 3 Gallery allows all the visible values in a DataTable to be edited...

In addition to sorting, which is supported by YUI 3 DataTable , it is often useful to be able to filter the data and display a subset of the available rows. The Query Builder widget in the YUI 3 Gallery provides a UI for constructing a simple filter...

The beta release of DataTable in YUI 3.3.0 gives us a very powerful component to play with. To kick the tires in a useful way, I decided to update my Treeble examples to use DataTable. (Treeble enables displaying hierarchical data in a table .) To...

YUI 2 DataTable provides slick inline editing. When disableBtns is turned on in the column configuration, editing simple values like strings or numbers feels just like Excel. However, the experience cannot be as responsive as a desktop application...

Daniel Barreiro's recent post about nested tables reminded me that it was about time I finished my "treeble" widget. "Treeble" comes from merging "tree" and "table." The original motivation was to enable drilling into the details behind each row in...

Daniel Barreiro's recent post about nested tables reminded me that it was about time I finished my "treeble" widget. "Treeble" comes from merging "tree" and "table." The original motivation was to enable drilling into the details behind each row in...

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

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