Yahoo! User Interface Blog (YUIBlog)

Using YUI at EtreProprio.com

March 2, 2010 at 7:18 am by Philippe Bernou | In Development, In the Wild, YUI Implementations | 1 Comment

EtreProprio.com aims to provide high quality classifieds for free (see an example of a listing here). There are currently more than five thousand property owners selling their houses on EtreProprio.com. We wanted to provide a simple but powerful interface, and we needed a lot of front-end logic. After a little experimentation, we chose YUI which struck us as powerful, robust, very well documented and highly customizable. As a consequence, EtreProprio.com is using YUI (2.8.0) heavily for its front-end.

The following modules are used:

• CSS: Reset, Base
• Utilities: Animation, Connection Manager, Cookie, Datasource, Drag and Drop, JSON
• Widgets: AutoComplete, Button, Calendar, Container, DataTable, RTE, Slider, TabView, Uploader

Let’s go deeper on three implementations: Advanced Search, Photo Uploader and TabView.

Advanced Search

The form used to find properties is developed on top of AutoComplete and Dual Slider. The labels above slider thumbs are positioned by listening to change event. Then, they are repositioned if a collision occurs between min and max labels. The AutoComplete implementation can display mixed elements such as cities, postal codes or regions. Each element has its own display format.

Try it live.

Photo Uploader + Management

We used YUI’s Uploader, DataTable and Drag and Drop modules in order to create simple form for photo uploading. First, the user selects the photos on his computer. Then he clicks “Send all” and as the photos are sent, a table below is populated with the photos and details. Drag and drop is applied to the rows of the table, it allowing users to easily reorder the photos. The description of each photo can be modified using a simple text input and YUI’s XMLHttpRequest utility, Connection Manager.

See the video below for a demonstration:

TabView

As there is a lot of information to display in a classified detail, we used TabView to design the page. The CSS personalization capabilities of TabView allow us to integrate it perfectly with the rest of the page from a design perspective. Tabview also saves us bandwidth as only interested users click on all the tabs — TabView has support for lazyloading Tab content, and that pattern works well for us here.

Find conversations: bloglines | technorati

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

In the Wild for February 26, 2010

February 26, 2010 at 10:48 am by Eric Miraglia | In In the Wild | 1 Comment

It’s been an exciting couple of weeks in the YUI community with some great new gallery modules (Storage Lite, Simple Menu, and more good ones coming). Here’s some other recent news, featuring two nice YUI demos from the prolific Christian Heilmann (who was recently on YUI Theater talking about how to be prolific about building great demos) and YUI-related gems from Carlos Bueno and Vincent Hardy. Use the comments below or find us at @YUILibrary to let us know what we missed.

• “Accent Folding” in YUI AutoComplete by Carlos Bueno on @alistapart: One of our favorite writers in the world of F2E is Carlos Bueno, and he has another excellent, timely article out — this time on the challenges of writing good autocomplete implementations using international character sets. Here’s how Carlos describes the problem:

  Consider this address book:

  • Fulanito López
  • Erik Lørgensen
  • Lorena Smith
  • James Lö

  If I compose a new message and type “lo” in the To: field, what should happen? In many applications only Lorena will show up. These applications “support Unicode,” in the sense that they don’t corrupt or barf on it, but that’s all.

  Carlos goes on to show an approach to the problem and illustrates that approach using Jenny Donnelly’s YUI 2 AutoComplete Control. The approach is called “accent folding.” “An accent-folding function essentially maps Unicode characters to ASCII equivalents. Anywhere you apply case-folding, you should consider accent-folding, and for exactly the same reasons. With accent-folding, it doesn’t matter whether users search for cafe, café or even çåFé; the results will be the same.” Check out the full article, including copy-paste examples, for much more. I’ve put up a functioning version of the example code if you’d like to try it out.
  
• GeoPlanet Explorer — a New YQL/YUI Hack from @codepo8: Writes Christian: “A few days ago Gary Gale pinged me on messenger and subsequently carried a cup of coffee to my desk to pester me with another challenge. This time he talked about just how rich and cool the GeoPlanet data is and that it is tough to show people this in a simple interface. Internally we have a few pretty cool tools for testing and analyzing the data but most of them are too loaded with information only understandable for the geo folk out there. So in essence, the benevolent overlord of geo technologies in Yahoo was asking to build a simple interface to navigate the GeoPlanet data.”
  
• Vincent Hardy’s SVG Demos with YUI Animation: Vincent Hardy and his colleagues have been working hard for awhile on SVG in the browser, and they’ve released a number of proofs-of-concept on a new site, http://svg-wow.org/.  Many of the demos, including the light table pictured above and the lyrics demo, use the animation library from YUI 3 under the hood.
  
• YQL + YUI + Christian Heilmann + Olympics on TV = Winterolympicsmedals.com: We noted Christian Heilmann’s first YUI 3-based hack in the last “In the Wild”, and we didn’t have to wait long for his second: WinterOlympicsMedals.com.  This one uses a YQL backend to organize data about the Winter Olympics by year, by country, by event, and more.  Both YUI 3 and YUI 2 (for DataTable) are harnessed here.
  
• Matt Woodward, “Resolving CSS Issues With Grails UI Plugin”: Write’s Matt: “I’m working on another Grails application and am using the fantastic Grails UI plugin for a lot of the UI controls. Grails UI is a really nice Grails-friendly wrapper around the YUI components and includes things like a dialog box, calendar controls, a rich text editor, and a whole lot more. This was my first real foray into using this plugin, so I started with a simple modal dialog box that would show the contact information details for people in a simple list. The main point of this post is to outline the simple resolution to the CSS issues I was seeing because it took me a while to figure out what was going on, but I thought I’d outline some Grails and Grails UI magic along the way.”  Check out his full article for more.
• Photo Callout Editor for ASP.NET Using YUI 2: Neodynamics has posted a demo that “lets users to upload a photo and then add a callout or speech bubble which can be dragged and resized on the image for positioning. Thanks to YUI it is possible to provide handlers for the callout parts which include an arrow tip as well as the size of the bubble. ImageDraw is responsible of generating the callout shape from the server side while the user interacts with the editor.”
  
• Aaron K. Jackson’s NAnt Script for YUI Compressor: If you’re using the free .NET build tool NAnt and you want to use YUI Compressor to minify your JS and CSS, check out Aaron K. Jackson’s YUI Compressor NAnt script.

Find conversations: bloglines | technorati

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

In the Wild for February 16, 2010

February 16, 2010 at 10:10 am by Eric Miraglia | In In the Wild | No Comments

Some recent news and notes from the YUI community follows. What did we miss? Let us know in the comments or @yuilibrary on Twitter.

• Matt Snider’s YUI 3-based Radial Menus: Matt Snider’s most recent project was inspired by Bioware’s designers: “Today’s article is inspired by the Radial Menu found in many of Bioware’s RPGs, such as Dragon Age. At the press of a button, the menu appears on the screen (usually pausing the game), and allows players to choose common commands. The same type of menu is possible on the web, and may even be more useful than the traditional navigation. We will use JavaScript, CSS, and YUI3 to build flexible Radial Menu widget that appears in the center of the page and responds to end-user clicks.” Check out the article and the example for full details.
  
• Twitsteps — Twitter- and YUI-powered Microforums for Any Site: Twitsteps is an easy-to-install and extremely attractive widget based on YUI 2 that adds Twitter-driven discussions to any site.  Very slick implementation. (Original source.)
  
• EtreProprio — a YUI-based Real Estate Website for Individuals in France: Philippe Bernou, CEO of EtreProprio.com, wrote in to tell us about his site, which provides attractive classified property listings for individuals selling their own properties.  EtreProprio caters to the French market.  The site makes terrific use of YUI 2, including a wide range of utilities and widgets.
  
• Chris Heilmann’s First YUI 3 Hack, “Flickr Collector”: The Yahoo! Developer Network’s Christian Heilmann, author of numerous YUI-based hacks over the years, has is first YUI 3 app up: “Flickr Collector is a simple interface to collect photos from Flickr and copy and paste the HTML to embed them into web sites. Click any of the photos below to see its details. Below the photo you will get the HTML code to copy and paste.You can drag photos into the collection below the thumbnails and remove them from the bin by dragging them into the removal box. Once you are done, hit the ‘See all code’ button to get the HTML of all the photos in your collection box.”
  
• Rich Text Editor Review on Six Revisions: Jeff Starr of Perishable Press reviews Rich Text Editor widgets for Jacob Gube’s Six Revisions blog.  Here’s what he has to say about Dav Glass’s YUI Rich Text Editor: “The YUI Editor is included as part of the extensive Yahoo User-Interface Library (YUI). YUI Editor features valid XHTML, a growing number of plugins, decent documentation, great support for mobile devices, and even drag-n-drop inclusion and sizing of images. Plus, the YUI Editor’s toolbar is easily extensible for advanced and highly customized implementations.”
  
• KQED Making Broad Use of YUI 2.8.0 Utilities and Widgets: We noted not too long ago that KQED public radio was using some YUI, but the usage is now broad and extensive.  The main KQED page is now using the utilities rollup plus Cookie, TabView, and Container.  All things consdered, we’re thrilled to see YUI on the site!
  
• Video: Philip Tellis’s Overview of YUI Flot Charting from FOSDEM: YUI contributor (and Yahoo! performance engineer) Philip Tellis ported the popular Flot charting library to YUI 2, and he spoke about the work at FOSDEM in Brussels earlier this month.  The FOSDEM team has the 44 minute talk up on YouTube.
  
• Eric Ferraiuolo on “Auto-Building YUI 3 Custom Modules”: Eric Ferraiuolo has a new post up on his 925html blog: “YUI 3’s modularity and instance sandboxing invite developers to create their own custom modules, breaking apart their specific application logic.  Having developed over 30 Custom YUI 3 Modules in the last year I quickly realized I needed a sane way to go from writing code to running it in the browser. So, I set out to connect the YUI Builder with my IDE.”  Read on for more details about Eric’s approach.  And, in case you missed it, check out Eric’s presentation on custom modules from YUICONF 2009.
• Sitepoint Calls YUI Grids Builder a “big Time-saving Tool”: Writes Meitar Moscovitz: “The YUI Grid Builder is an elegant, visual way to create robust CSS-based layouts from scratch. All you need to do is punch in your desired layout, specifying the page’s width (fixed or fluid), the number of columns you want, and how wide each of them should be. You can even split a section into two or more subsections, creating nested column layouts with ease.”  The Grid Builder is a visual tool that works with YUI 2’s CSS Grids.
  
• Cory O’Daniel Releases Simpler Ruby Wrapper for YUI Compressor: Cory O’Daniel continues to work on his Ruby wrapper for YUI Compressor, releasing a simpler, ~50 line version: “On a new project I’m working on *I just need a inline YUI compressor* and I dont give a [darn] about anything else like bundling, globbing or whatever. So I ended up throwing together this little (~50 lines less comments) Ruby YUI Compressor to do my dirty work.”  Check out the implementation here.

Find conversations: bloglines | technorati

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

Fybit Riatrax4Js: Program YUI in Java

February 2, 2010 at 11:08 am by Erol Koç | In Development, In the Wild, YUI Implementations | 2 Comments

Fybit Riatrax4Js: Write YUI in Java

YUI is not only a fantastic JavaScript library, it is also a great community. Developers contribute to YUI and allow others to benefit from it. Now, Fybit joins the YUI community with Riatrax4Js, a toolkit for rich internet applications (RIAs) based on YUI. Riatrax4Js allows you to program RIAs in plain Java and automatically translates your code to JavaScript, using YUI as a foundation layer. With YUI being available from Python, Java and JavaScript, one fourth of all developers get access to YUI. And with 18%, Fybit’s Riatrax4Js covers the largest part, consisting of Java developers.

Riatrax4Js: Java benefits, powerful YUI widgets

We just launched the Riatrax4Js alpha version with the goal of easing development of YUI-based RIAs. Riatrax4Js combines the advantages of Java with the extensive widget set and controls of YUI. Consequently, you get the benefits and comfort of Java programming such as:

• Type safety
• Inheritance
• IDE support (Eclipse, NetBeans, …)
• Debugging
• Test tools like JUnit
• Access to many 3rd party libraries

And you all know how fantastic YUI is:

• Many powerful widgets
• Compatible with all major browsers
• Great performance
• Yahoo! experts develop YUI

Add up the advantages of Java and YUI, you get the properties of Riatrax4Js. Riatrax4Js is not a server-side framework. It compiles Java to JavaScript, leveraging the standard Java compiler to give you unlimited scalability and speed. Moreover, Riatrax4Js allows you to connect your YUI frontend to the web server and backend with a simple annotation-based remoting mechanism.

A simple example: Show the server’s time on a button’s label when clicked

This section walks you through a simple example that is available for download from our website. Riatrax4Js apps consist of regular Java classes that can use the Java version of YUI that ships with Riatrax4Js. Here is how simple that is:

@MainPanel(name="index")
public class DemoPanel {
		
	@Services(implementation=TimeServiceImpl.class)
	protected static TimeService service;
	
	public DemoPanel () {
		final Button syncButton = Button.create("syncButton");
		syncButton.addClickListener(new Listener() {
			public void perform () {
				syncButton.setConfLabel("Sync: " + service.getTime());
			}
		});
	}
}
		

The code starts with a @MainPanel annotation to allow Riatrax4Js to find the entry point to your program. Next, there is a field service that is annotated with the @Services annotation. Thanks to this annotation, the server can be called to get the time (or any other value/object you want to use on the client). It does not have to be explicitly initialized, Riatrax4Js does the dirty work for you and ensures that the client and server parts are connected by injecting an appropriate proxy. A YUI Button is then created by replacing an existing HTML button “syncButton” of your HTML page. A click listener which invokes the time service on the server is attached to the button. This is a synchronous (i.e., blocking) call. Async calls are just as easy: The generated proxies contains an async variant of each method in the interface that can be readily used. Here is the corresponding HTML page for the code:

<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<title>Fybit New</title>
		<script type="text/javascript" src="codebase/app-index.js"></script>
	</head>
	
	<body class="yui-skin-sam">
		<button id="syncButton">Synchronous Call</button>
	</body>
</html>
		

The most important line is the script tag at the beginning. It includes a single JavaScript file app-index.js where “index” is the name given in the @MainPanel annotation above. In the HTML body, you can find the aforementioned HTML button. Riatrax4Js wraps the YUI Button over this button.

When you compile the application, Riatrax4Js analyses the source files and generates the file app-index.js consisting of the Java classes needed in the browser translated to JavaScript as well as the necessary YUI JavaScript code. Unlike with native YUI, you don’t have to care about YUI dependencies or which YUI files to include — Riatrax4Js includes them automatically!

This is just a small excerpt from a larger demo. The full demo also explains how to call the server asynchronously and how to use other YUI widgets (text editors, auto-completion, menus etc.). Apart from generating web application from scratch, using Riatrax4Js you can improve existing web applications easily with interactive features by wrapping ordinary HTML elements with YUI elements.

Beyond demos: “PublicationManager” written with Riatrax4Js

We used Riatrax4Js to develop a user-friendly web application to manage publications for a research group at a university in Switzerland. This application facilitates the process of entering and modifying publication records and it has been put into operation in November 2009. The PublicationManager features YUI dialogs, sortable and resizable tables, paginators and auto-completion. The records entered by the users are stored in a database and can be edited and complemented with files with just a few clicks.

Security

Riatrax4Js is designed to make applications as secure as possible by default. But because Riatrax4Js uses JavaScript, applications are as hard to secure as any other dynamic web app. Fybit offers separate extension to Riatrax4Js, Riatrax Security. It is based on Riatrax4Js’s program code analysis and secures the application by filtering invalid or malicious content and blocking it before it reaches your code and/or application server. Fybit Riatrax Security is also configured with Java annotations.

Want to try?

The alpha version of Riatrax4Js is currently available on our web site to registered users. It’s great to see the user base of Riatrax4Js grow and be used by developers at this stage.

Fybit’s goal is to make Riatrax4Js the best Java RIA toolkit available and support it in the long run. We believe that the YUI community and YUI developers can give us important feedback about Riatrax4Js. We are excited to hear your questions and suggestions, e.g.

• How can we improve Riatrax4Js?
• For what kind of projects would you consider Riatrax4Js?
• What is the best way for us to distribute the product?

As Fybit is a small startup company, we appreciate everyone who wants to contribute to Riatrax4Js to make it the number one RIA framework. Just drop us a line if you are interested or want to know more.

Find conversations: bloglines | technorati

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

In the Wild for January 19, 2010

January 19, 2010 at 7:32 am by Eric Miraglia | In In the Wild | No Comments

News and notes follow from the past week in the YUI community. As always, please let us know via the comments or @yuilibrary if we missed something good.

• YUI DataTable, TabView and More on SpokenWord.org (thanks, @dougkaye): Doug Kaye wrote in to tell us about YUI use at SpokenWord.org, his fantastic audio content portal.  They’ve done a nice job bringing TabView and DataTable together in their feed browser — check out the IT Conversations feed for a sample. (Original source.)
  
• YUI 2.7.0 on the Palm WebOS App Directory: Although I imagine this site is going to evolve a lot over the next year or so, the directory of WebOS applications on the Palm website is currently running YUI 2.7.0 (including Core, Animation, Selector, Connection Manager, and JSON).
  
• YUI 2.7.0 on Reuters.com: The Reuters news service has long used YUI 2 on its news portal site.  These days, they’re running an array of YUI 2.7.0 utilities, including YUI Core, Connection, Animation, and Cookie.
  
• “YUI 3, Présentation Générale,” En Français: Philippe Le Van has created some introductory material in French for YUI 3; merci, Philippe! After you click through, use the links in the right nav to browse his YUI 3 content. (Original source.)
  
• Dan Wellman’s YUI Compressor Automator Desktop Application for Windows: Dan Wellman, author of Learning the Yahoo User Interface Library, has issued a wrapper application for the YUI Compressor.  Writes Dan: “My application wraps the YUI Compressor in a visual GUI, shielding you from the command-line scaryness that would otherwise ensue (ok, CLI’s are nice and friendly once you’ve used them a few times, but a lot of non-developers shy away from them). To minify files you just select them in Windows Explorer and drag them into the application window. The application then spits the files out into a folder on your desktop.”
  
• Iain Lamb’s Scale, Rhythm, and Typography Exploration Using YUI 2: Writes the always-thoughtful Iain Lamb: “This page is both an essay and a tool. It sets out to explore how two, intertwined concepts, often playful but sometimes cheeky, can be encouraged to dance in web pages. Drag the colored boxes along the scale to throw these words anew. For the most part, this text is just a libretto for the performance you are about to play upon it.”  Intrigued?  Check it out here. (Original source.)
  
• Matt Snider on “transition Animations” (using YUI 3): YUI contributor (and Mint.com frontend engineer) Matt Snider writes about his “transition animation” technique in the latest installment of his blog.
• Logging In With YUI and CakePHP AuthComponent: Les Green has a new YUI/CakePHP authentication tutorial up on his GrasshopperPebbles blog. (Original source.)
• Generic YUI 2 Login Widget: Les Green from GrasshopperPebbles, who has a variety of YUI 2-based modules, released a generic login widget that leverages the YUI Container class.
• Multiple Combo-boxes with YUI and CakePHP: Les Green is on fire this month with YUI-related blog posts.  This one looks at doing multiple combo-boxes using YUI on the frontend and CakePHP on the backend.  Writes Les: “I’m working on a project where I use YUI and CakePHP to fill multiple combo boxes on a page using Json data. At first, I wrote separate code with the same functionality for each combo box. Every time I needed to change the functionality, I had to change it for each combo box. After doing this multiple times, I decided to combine the functionality on both the front-end (YUI) and the back-end (CakePHP).”  Check out his full post for all the details and code samples.
  

Find conversations: bloglines | technorati

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

In the Wild for January 10, 2010

January 8, 2010 at 9:18 am by Eric Miraglia | In In the Wild | 2 Comments

News and notes from the YUI community over the past month…let us know in the comments or at @yuilibrary if we missed something important:

• Sacramento Bee Using YUI DataTable and AutoComplete for Legislator Voting Record Explorer: Kamal Gill noted a great use of YUI DataTable and AutoComplete on the Sacramento Bee website, where they’ve used YUI to expose the voting records of your local legislators.  Here’s the recent voting record for Abel Maldonado. (Original source.)
  
• YUI Magnifier Component for YUI 2 by Dustin McQuay of Backcountry.com: Dustin McQuay at Backcountry.com has released a YUI Magnifier component on GitHub; check out the video below for a preview of the module’s behavior and head to GitHub to download or fork Dustin’s code.
  
  (Original source.)
• @ericf’s Simple TabView for YUI 3: Eric Ferraiuolo, who gave a fantastic talk at October’s YUICONF 2009, is back with a demonstration of how easy it is to create a TabView widget using YUI 3.
  
• Jamie Hall: Add Voting Functionality to Your Site with YUI: Jamie Hall has written up a helpful tutorial on how to add StackOverflow-style voting functionality to your site using YUI 2 core components (Yahoo, Dom, Event, Connection, and JSON).  Check out his post for full sample code, including a nice visual treatment for the control.
  
• KQED Daily Schedule Using YUI 2 Calendar: Erik Eldridge notes that KQED’s daily schedule page uses YUI 2 Calendar for graphical navigation.  Much of the site uses a foundational set of YUI utilities. (Original source.)
  
• Matt Snider, “Augmenting YUI 3 Module Objects”: Writes Matt: “To start, think about your application. Ask yourself, if you include a common set of YUI 3 modules on every page, or if each page uses a disparate set. If you include the same modules files on every page, then you can consolidate your augmentation into a single file (yui3-ext.js), otherwise, you may want to have a file for the augmentation of each module (yui3-node.ext.js, yui3-widget-ext.js, etc.). When you want to apply your augmented objects, the location of the code needs to be defined in YUI() function.”  Click here for the full article.
  
• SitePoint: “Build an Ajax Tree with YUI”: Darrin Koltow has a detailed YUI TreeView tutorial up on SitePoint: “In this article we’ll look at two separate pieces of the YUI puzzle, and how they can be combined to create a cool piece of functionality. Specifically, we’ll be working with the YUI TreeView component, which is a way of presenting a dynamic hierarchical tree in the browser. But we’ll also be looking into YUI’s Ajax helpers, as we’ll be fleshing out the limbs of the tree dynamically with Ajax calls.”  Check out the full article here.
  
• YUI TreeView Plugin for Rails Released: Writes Andrew Hodgkinson: “The first version of YUI Tree, a Ruby On Rails plugin providing easy access to the Yahoo User Interface Library TreeView component, has been released.  The plugin was previously only available as part of the TrackRecord timesheet application. It is now provided in its proper, stand-alone plugin form to make it easy to use in other Rails projects.”
• YUI Used on Cyclist Chris Horner’s New Website: Chris Horner, one of America’s top cyclists, has launched a new website with YUI under the hood…or, rather, in the pedals.  Chris is racing with Lance Armstrong’s new Team RadioShack this year.
  

Find conversations: bloglines | technorati

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

YUI 2.7.0 on InsideLine.com

December 14, 2009 at 11:37 am by Réal Deprez | In In the Wild, YUI Implementations | 1 Comment

Here at Edmunds (Edmunds.com) we just launched a redesign of Inside Line (InsideLine.com), our automotive enthusiast web site, and we are using the YUI JavaScript library extensively.

Some of the YUI utilities & widgets used on Inside Line:

• Yahoo/Dom/Event
• Animation Utility
• Connection Manager
• ImageLoader
• JSON
• Selector
• Carousel
• TabView

We (the Frontend team) started out with YUI 2.7.0 JavaScript core and built our own JavaScript user interface library on top of it to encapsulate site-specific components and functionality. Our library takes advantage of YUI’s core utilities, including Dom, Event, Connection Manager, and Animation.

We are using Dom and Event extensively to handle DOM interaction, event listeners and custom event handling. The YUI Connection Manager is handling all of our Ajax implementations, including our custom search widgets. We are also using many of the YUI widgets on Inside Line, including TabView and Carousel, with custom skins. The YUI ImageLoader helped us improve page performance and meet our strict performance requirements.

We chose YUI because of its great documentation, thorough testing, and the scope and depth of its offerings. The library is easy to learn, understand, and implement. The modularity of the system fits in well with our design principles, and the API and custom events make it extremely extensible and easy to integrate.

Some Highlights

Multimedia Spotlight (tabview, carousel) from InsideLine.com:

Image and Video Galleries (core, JSON and Carousel):

Ajax Search Widgets (Dom, Event, Connection Manager):

Do you have a YUI Imlementation you’d like to share on YUIBlog? Check out our contribution guidelines — we’d love to hear from you.

Find conversations: bloglines | technorati

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