Tuesday, December 18, 2007

Yahoo! Design Pattern Library

Yahoo has a Design Pattern Library, part of the Yahoo! Developer Network 

 

Welcome

Welcome to the Yahoo! Design Pattern Library. We've just reorganized the navigation scheme for our patterns What's a Pattern?

A pattern describes an optimal solution to a common problem within a specific context. more...
Recent Patterns see all...
  • Alphanumeric Filter Links Pattern
  • Animate Transition Pattern
  • Calendar Picker Pattern
  • Alphanumeric Filter Links
    The user needs the ability to look up information alphabetically within a large data set.
  • Animate Transition
    Designer needs to communicate that an object is changing its spatial relationship within the page.
  • Calendar Picker
    User wants to find or submit a particular piece of information based on a date or between a date range.
  • Collapse Transition Pattern
  • Drop Invitation Pattern
  • Expand Transition Pattern
  • Collapse Transition
    The designer needs to communicate that an object is no longer of primary importance.
  • Drop Invitation
    Designer needs to indicate valid candidate drop sites during a drag and drop operation.
  • Expand Transition
    Designer needs to show the detail of an object in its context or reveal a previously collapsed object.
  • Fade In Transition Pattern
  • Page Grids Pattern
  • Self Healing Transition Pattern
  • Fade In Transition
    Designer needs to communicate that an object is being added to the page or application.
  • Page Grids
    Web sites have a need for consistency amongst common page elements.
  • Self Healing Transition
    Designer wants to show that an object has been removed from a list of objects.
  • Slide Transition Pattern
  • Tool Tip Invitation Pattern
  • Vote to Promote Pattern
  • Slide Transition
    The designer wants to bring new content into the page and would like to communicate the additional content's relationship with other items on the page.
  • Tool Tip Invitation
    Designer needs to cue the user about what will happen if they click the mouse on the hovered object.
  • Vote to Promote
    User wants to promote a particular piece of content in a community pool of submissions.
Join Our Design Pattern Community

There's two ways to talk back. First, we blog our patterns. Second, we have a forum for general discussion.

» Check out Updates at yuiblog.com

» Join the Discussion at the Yahoo! Pattern Group

Yahoo! UI Library

Need code?
Get our open source Ajax library.

» Learn More

 

The pattern library :

A user needs to

Search

Search Pagination

Navigate

Breadcrumbs

Links

Alphanumeric Filter Links

Tabs

Module Tabs

Navigation Tabs

Read

Page Grids

Pagination

Item Pagination

Search Pagination

Select

Auto Complete

Calendar Picker

Interact

Invitation

Cursor Invitation

Drop Invitation

Tool Tip Invitation

Hover Invitation

Transition

Animate

Brighten

Collapse

Cross Fade

Dim

Expand

Fade In

Fade Out

Self-Healing

Slide

Spotlight

Give Feedback

Ratings & Reviews

Architecture Review

Rating an Object

Writing a Review

Customize

Drag and Drop

Drag and Drop Modules

Copyright © 2005-2007 Yahoo! Inc. All rights reserved.

Privacy Policy - Terms of Service - Copyright Policy - Job Openings

Yahoo! Design Pattern Library

No comments: