Welcome to the Yahoo! User Interface Blog

Blog
About

Site Search:

February 13, 2006 at 5:09 pm by Nate Koechley | In Design, Development |

Let us be the first to welcome you to the brand new Yahoo! User Interface Blog. We’re excited to be here, and thrilled to have you with us.

This blog is the companion blog for two libraries we’re proudly releasing today. The new Yahoo! Design Pattern Library offers our thinking on common interface design issues for traditional and rich Internet applications. The new Yahoo! User Interface Library is a collection of industrial-grade JavaScript utilities and widgets that enable you to efficiently get the most out of today’s powerful browsers. In both cases, these are the exact same things that power Yahoo! today.

The two libraries each stand alone, but also complement the extensive Web Services offered by Yahoo! properties via the Yahoo! Developer Network (and others around the Web). With today’s release, we’re starting to tell a complete cover-to-cover story. A web service is one thing (and a pretty cool thing at that), but we believe it’s even more potent when combined with proven interfaces and enhanced with JavaScript and Ajax goodness.

The tagline on the Yahoo! Developer Network is “You bring the skills. We bring the ingredients.” That’s never been more true than today. If you’ve already sunk your teeth into some tasty Web Services, maybe interaction design guidelines confirmed by hundreds of millions of users and extensive lab testing will be helpful. If you already live and breathe design, perhaps our powerful a la carte JavaScript libraries can add the special sauce to your dish. Some of the best food in the world is a blend of multiple cuisines; we can’t wait to see what you cook up with all these new ingredients.

We hope our humble libraries get you a step closer to your goal, whether that’s a funky Web 2.0 mashup, a small tool to make your life better, or the Next Big Thing.

The next two posts examine each library in more detail, but let me point out two things now. First, we’re happy to report that both libraries are totally free and wide open. The Yahoo! User Interface Library is released under the friendly BSD open-source license. The Yahoo! Design Pattern Library is released under the Creative Commons Attribution-By license.

Second, and most importantly, we’re looking forward to the conversation. The developers and designers of the libraries will be posting on this blog and reading the comments, and contributing on the respective mailing lists (ydn-javascript | ydn-patterns). It’s an exhilarating time to be creating things online, and we’re eager to go forward with you.

Thank You,
Nate Koechley, Bill Scott, and Eric Miraglia

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

52 Comments »

RSS feed for comments on this post. TrackBack URI

Congratulations on another important set of tools for the Web 2.0 developer!

Comment by Robert Oschler — February 13, 2006 #
Yahoo! UI Library - now with BSD license!…

We’ve been using these javascript libraries for a while here at Yahoo!, but it makes me extremely happy to see that we documented and open sourced them today.

You can read more here:
Welcome to the Yahoo User Interface Blog

And download the guts he…

Trackback by Bob Zoller — February 13, 2006 #
[…] Update: This blog post covers the libraries with a lot of detail. […]

Pingback by Dan Theurer » Blog Archive » Cross-Browser Drag and Drop libraries (and more) unleashed — February 13, 2006 #
Yahoo! UI and Design Patterns Released…

As noted over on WeBreakStuff: Yahoo! keeps showing the world how much they get web 2.0. This time, theyve done the unexpected and opened the sources to the UI library (that includes visual effects, connection handlers - think ajax -, dom handlers, an…

Trackback by Jeremy Zawodny's blog — February 13, 2006 #
Yahoo! open sources UI and Design Pattern libraries…

Wow. Today Yahoo! released both their UI and Design Pattern libraries into the open source community (UI is under BSD, Design Pattern is under CC2.5 Attribution).
The UI library is a collection of components, broken down into “Core utilities&#8…

Trackback by BrianShih.com — February 13, 2006 #
Congratulations to the team, a fantastic effort - really exciting components backed up by great documentation and blog.

Comment by Edward Eliot — February 13, 2006 #
Yahoo! User Interface Library… ô_Ô…

… siguiendo de cerca los pasos de Google e intentando despuntar en este nuevo modelo de negocio.

Yahoo! User Interface Blog
Yahoo! User Interface Library……

Trackback by Kaedatorum 2.0 — February 14, 2006 #
Yahoo! User Interface Library…

It lives! I’ve been pushing and planning for this since last summer, and I couldn’t be more excited. Nor could I be happier with the response we’ve received so far from all of you. Thanks for the encouragement and all the kind words….

Trackback by Nate Koechley's Blog — February 14, 2006 #
Yahoo! 網頁設計函式庫…

是的，又多了一組函式庫可以用，不過這次是 Yahoo! 掛的保證 :)

剛看到一篇文章，提到 Yahoo! 開放了兩組網頁設計的函式庫 “Yahoo! Design Pattern Library” 和 “Yahoo! User Interface Library&#822……

Trackback by 國生三年才開始 — February 14, 2006 #
The Yahoo! UI BLog and Design Library…

The Yahoo! Uiser Interface Blog, along with the Yahoo! Design Pattern Library and the Yahoo! User Interface Library are really, really great ideas. It’s still early, but really promising. If you go through the Pattern Library, you’ll see th…

Trackback by Blog-Fu — February 14, 2006 #
Way to release it, not just under any license but under a BSD license.

Comment by Matt — February 14, 2006 #
[…] Another day, another blog. In this case, Yahoo launched its User Interface blog to unveil two new libraries. Considering that the new toys are the ones Yahoo uses on its pages, developers should really enjoy these libraries. […]

Pingback by SpecHackers.com - Your Daily Security News — February 14, 2006 #
[…] There is also a blog where discuss about it. […]

Pingback by mentegrafica has blogged » Blog Archive » Yahoo design patterns — February 14, 2006 #
Quick Link: Yahoo Links…

We’ve got the User Interface Blog, the Design Pattern Library, and the UI Library…….

Trackback by snook.ca - a collection of tips, tricks and bookmarks in web development — February 14, 2006 #
A legalish question on Yahoo’s intent: the UI library is distributed under a BSD license that requires maintaining the Yahoo copyright when distributing the source code. Since JavaScript can only be distributed in source form, does Yahoo consider the downloading of the JavaScript as part of a web page that makes use of the code as “redistribution”? If so, this would require that the copyright be embedded into each JavaScript source file.

Comment by David Dillard — February 14, 2006 #
Congrats, looks like a sweet set of tools. Now all we need is a rjs-template equivelent for rails and it’d really be hot.

BTW- after being very impressed with your examples and excited about grokking your code, I was dissapointed when your zip file filled my home directory with nonsense, instead of politely extracting everything into one directory. Might want to wrap that up a bit better.

Thanks for all the hard work inside Yahoo guys!

-Matt

Comment by Matthew Beale — February 14, 2006 #
Nice work, gentlemen!

I look forward to seeing what kind of interesting delicacies people cook up with this stuff. ;)

Comment by Scott Schiller — February 14, 2006 #
Major congratulations on getting this out! I cant wait to see what kind of amazing apps people create with this. One of the most mind blowing things that I think folks will take time to realize is that the combination of API’s, JSON, the UI Libraries, and the UI Design guidelines can create something new and incredible! This is a new style of app development that I believe is just beginning.

Comment by Andrew Wooldridge — February 14, 2006 #
Yahoo! You made me yawp for joy in my cube this morning! Congratulations on releasing both the patterns and the code that ties into them! This is a huge step forward for communicating and capturing standards for interaction design on the web and moving us towards richer experience.

This powerful blend of ideas that go back to folks at Yahoo! like Matt Leacock and now continue through to the gentlemen publishing this blog makes me hopeful despite the hype of web 2.0! Well done!

Comment by Jason Kunesh — February 14, 2006 #
Great stuff. I hope to see some superb content come out of here. (and maybe a spicier theme, this one’s a tad dull)

Comment by Paul Stamatiou — February 14, 2006 #
Windows Is Dead…

YUI (the core anyway)…

Trackback by f i g i t a l — February 14, 2006 #
Many thanks for running your API through the usability department, as opposed to an obfuscator.

The BSD license seems to produce the best software (Postgres, Apache, BSD/OSX, etc). Good call.

I’m very much looking forward to seeing window, toolbar, quicklaunch, and taskbar objects. (AKA … anything existing in my Window Manager).

You guys win if your data persistence API will allow me to store my stuff ANYWHERE.

Comment by Scott Fitchet — February 14, 2006 #
Very nice set of tools - anxiously awaiting your next contributions.

Comment by Dog Design — February 14, 2006 #
Yahoo! releases developer and design pattern libraries…

This is all part of the Flickrization of Yahoo! And I like it. The new Yahoo! Design Pattern Library offers our thinking on common interface design issues for traditional and rich Internet applications. The new Yahoo! User Interface Library is a collec…

Trackback by Better Living Through Introspection — February 14, 2006 #
Surfing this site in Opera 8.51 (build 7712) on WinXP SP2 causes the browser to crash consistently :-/

Comment by markdav — February 14, 2006 #
Yahoo! UI Library…

I spent the whole afternoon in jury duty, coming home to learn about the new Yahoo! User Interface blog which coincides with the public launch of the Yahoo! UI Library and Design Patterns. Here’s the scoop from the new UI……

Trackback by Cantoni.org — February 14, 2006 #
What did you use to generate this image?

Is it a tool used in the design process or just something someone whipped up for the example?

http://developer.yahoo.net/ypatterns/images/rnr_elements_all.gif

Comment by Rob — February 14, 2006 #
Yahoo!’s User Interface Pattern Libraries Go Public…

Yahoo! is making portions of their Design Pattern Library and user interface code available to the public under an open-source license (via O’Reilly Radar). They’ve also launched a User Interface……

Trackback by DavidSturtz.com — February 14, 2006 #
Yahoo! launches user interface library…

Yahoo! has done a hattrick:

First of all, it launches a user interface library which you can download for free, containing open source code for several Ajax components, so you can make your own web2.0 site.

At the same time there’s a design patt…

Trackback by For Users Only — February 15, 2006 #
Yahoo Launches User Interface Blog…

As part of releasing its library of user interface elements (way cool), Yahoo has started a blog devoted to interface issues for rich internet apps. Check it out. Technorati Tags: user+interface, yahoo……

Trackback by Like It Matters — February 15, 2006 #
[…] The Yahoo! User Interface Blog describes its mission: … is the companion blog for two libraries we’re proudly releasing today. The new Yahoo! Design Pattern Library offers our thinking on common interface design issues for traditional and rich Internet applications. The new Yahoo! User Interface Library is a collection of industrial-grade JavaScript utilities and widgets that enable you to efficiently get the most out of today’s powerful browsers. In both cases, these are the exact same things that power Yahoo! today. […]

Pingback by Make You Go Hmm: » Yahoo spreads more developer goodwill — February 15, 2006 #
Nice, really nice, thanks!

Comment by gsyi — February 15, 2006 #
Thankyou Yahoo!Thankyou Yahoo!Thankyou Yahoo!Thankyou Yahoo!Thankyou Yahoo!!!!

Comment by Ismael — February 15, 2006 #
Well, I have to give credit where credit is due. I think we’ve all been fawning over Google for so long that we forgot Yahoo! still has some fight left in them (and plenty of it at that, I see).

This blog, and the libraries, are fantastic. I’ll be sure to include you in my “LTU Web Design” blogroll as well as show my students. Very, very good stuff here.

And yes, to all you WordPress users, I am cheating and using Kubrick until I get around to my own theme :)

Comment by Dino Baskovic — February 15, 2006 #
[…] Not to be outdone by Google’s limelight, Yahoo! has just launched a series of web developer resources. From a Feb. 13, 2006 posting found on the new Yahoo! User Interface Blog: “This blog is the companion blog for two libraries we’re proudly releasing today. The new Yahoo! Design Pattern Library offers our thinking on common interface design issues for traditional and rich Internet applications. The new Yahoo! User Interface Library is a collection of industrial-grade JavaScript utilities and widgets that enable you to efficiently get the most out of today’s powerful browsers.” […]

Pingback by LTU Web Design » Blog Archive » Yahoo! wins back old friends, launches web developer libraries and blog — February 15, 2006 #
I found out about the Yahoo! User Interface Library today and welcome this initiative. Calendars, for example, are such a pain to code from scratch and here is a great tool that has not only been written already but tested and debugged. Great job team. Looking forward to future development.

Comment by Gerry Danen — February 15, 2006 #
I must say Great…:)

Comment by Google Yahoo News — February 16, 2006 #
Yahoo!…

Yahoo done a wonderful thing!

I stumbled into the design patterns piece of it on del.icio.us Monday, but during my periodic look at mezzoblue, the details became more clear. Not only has Yahoo made available to the public a set of design patterns, but…

Trackback by pleinasme — February 16, 2006 #
Who Said Yahoo Doesn’t Share for Free?…

Just last week, pre-Valentine’s Day, Yahoo! shows it love to the public by launching User Interface Library and Design Patterns Library. Not to mention, the crazy cats over at the Yahoo! UI department have started a blog as well. Dang,……

Trackback by Just a Memo — February 23, 2006 #
[…] Man Yahoo is just solid. The other day they released a Design Pattern Library that has a blog component to it. It seems like a bottom - top approach has been the theme for the Web 2.0 and Yahoo is trying to include itself into that culture. Let me explain. From what I hear Yahoo created it’s standards by first seeing what all their products are using and even created incentives for people to submit the design patterns. This is the first way they included themselves. Instead of creating a body of standards and disseminating, they looked at what was already been done and built on that. I’d like to think that, internally, the products appreciated that. The second thing that Yahoo did was to create a blog…verry Web 2.0, but what’s nice is now they have opened up the floor to the public and anyone. I am glad to see Yahoo becoming Web 2.0 in their actions. To me they have always been very clean in their design that gave it a bit of a rigid feel, lacking an experience or a *ghettoness* to it, but if they can pull this conversation off and build a community around it, the rigid feel is only one minor detail. […]

Pingback by monkeynotions - New Yahoo Design Library — February 24, 2006 #
Yahoo!开放两个UI库的源代码…

前几天听说过这事，太忙，没走脑子，今天看 delph…

Trackback by 且听风吟 — February 24, 2006 #
[…] 而且 Yahoo 也提供討論空間。 […]

Pingback by Yi-Feng Tzeng’s Blog » Blog Archive » Yahoo 開放兩款UI設計 — February 25, 2006 #
random comment #1 . Yahoo UI totally rocks

Comment by mike chau — March 4, 2006 #
Yahoo! UI Library和Yahoo! Design Pattern Library…

Yahoo!开通了Yahoo! User Interface Blog，并宣布开放 Yahoo! UI Library和Yahoo! Design Pattern Library，依我很浅的阅历看来算是史无前例了。而且授权是这样的：
The Yahoo! User Interface Library is released under the frie……

Trackback by Realazy — April 21, 2006 #
having free open source templates is a great idea

Comment by Dave — August 8, 2006 #
Your list of yahoo tools is really useful….

Comment by Plasma — November 26, 2006 #
Very helpful hints. Thank you!

Comment by Tom Barnes — November 29, 2006 #
First of all, it is a great way to publish the Libraries as open source (and wide open, too). So thank you for this. The second point is: you go in discussion with user on the right way. But there is a wording in germany called “to many cookers will result in a bad taste” ,-) so I hope you will be able to control the taste at the end. Good luck.

Comment by Brautkleider — December 20, 2006 #
I like YAHOO more than ever!! Its for me like a to meet a good old friend.

Greatings form Germany!!

Comment by Altersvorsorge — December 21, 2006 #
YUI Birthday Party!…

As seen over on the YUI blog: This month the YUI Library turns one year old. When we started last year I wrote that I was “thrilled to have you with us.” That’s never been truer than it is today…….

Trackback by Yahoo! Developer Network blog — February 6, 2007 #
Gratualations to you! The first year ist even the hardest, I know :-( But I´m sure you´re going the right way: many informations, but not so difficult to unterstand. It was also easy enough for me, a realy old german women *gg*

Comment by Hochzeitsvideo -dler — February 21, 2007 #
Hi i want to know how to set more then 3 List tag in Drag Drop Example
cause its not allowing me to insert more then three List tag,

so if u now then pls inform me

Comment by Shyam — April 12, 2007 #

Yahoo! User Interface Blog