YUI Blog

Problem Summary User wants to share her opinion with others about an object (place, person, thing) in greater detail than a simple rating. While the Architecture of a Review pattern discusses the information architecture elements of a review, This...

The Yahoo! User Interface Library is a collection of JavaScript components that help developers enrich web applications with desktop-style, event-driven interactions. We’ve focused on creating a lightweight and modular library with an a la carte...

Problem Summary The user needs to view a set of search results ranked by relevance that is too large to easily display within a single page. Search pagination focuses on controlling paging through search results that are usually sorted by relevance....

Problem Summary A user wants to quickly leave their opinion on an object, with minimal interruption to any other task flow they are involved in. One excellent design principle to follow is to allow the user to leave a light footprint. This means...

Problem Summary The user needs to view data items from a potentially large set of sorted data that will not be easy to display within a single page. There are other patterns in this area that we will be documenting in the future. One of those is the...

Problem Summary The user needs to navigate through a site to locate content and features and have clear indication of their current location in the site. The pattern can be found at: Navigation Tabs .

Problem Summary The user needs to navigate through one or more stacked panes of content without refreshing the page. The challenge here is to distinguish tabs that control content within a page from general site navigation tabs. The approach we take...

Problem Summary The user needs needs to re-arrange the layout of modules on a web page directly with the mouse. Drag and drop has been a common feature on desktop applications for many years. It is only recently that it has found its way to the web....

Problem Summary The user needs to be able to navigate up (towards the root page) and have an understanding of where she is in relation to the rest of the site. The name breadcrumbs is probably a misnomer . Since it invokes the thought of Hansel &...

Problem Summary The user needs to enter an item into a text box which could ambiguous or hard to remember and therefore has the potential to be mis-typed. Auto Complete is under-utilized in most web sites and web applications. Most text fields could...