YAHOO.util.Get and Yahoo! Pipes... A match made in heaven..

Date: Mon Feb 04 2008 14:25:26 GMT-0600 (CST)

Using YAHOO.util.Get and Pipes together can open up some pretty powerful doors..

If you don't know what Pipes is, here is a snippet from their homepage:

Pipes is a powerful composition tool to aggregate, manipulate, and mashup content from around the web.

If you don't know what YAHOO.util.Get is, here is a snippet from it's homepage:

The Get Utility provides a mechanism for attaching script and css resources — including cross-domain resources — to the DOM after the page has loaded.

Basically Pipes allows us to take data from different sources, mash them up and spit them out as a combined data stream. One of the best parts of this, is that you can have Pipes render your data in JSON format. And we all know that JSON is a really nice way to get data into a webpage.. However, if we combine this awesome tool with the new Get Utility included in the latest YUI release, we get do some kewl stuff :D

I have whipped up a couple of simple examples using 2 different pipes and a couple of YUI controls..

The first example uses Get and this Pipe. The pipe grabs an RSS feed from Yahoo! Weather and splits up the HTML source in the description leaving us with a nice JSON array.

Doing a little JS/CSS mojo, we get something like this.

In the second example, I have used this pipe. This pipe will grab a Yahoo! news feed and convert it to a JSON object that we can parse. I built this example to populate a TabView Control with the news data without a server side proxy..

Now these are some really simple examples that I built in about a half an hour, but I hope you can see the potential here for some really kewl projects..

Happy Hacking..

Example #1

Example #2

YUI and Adobe AIR - Sample App

Date: Mon Feb 25 2008 01:53:52 GMT-0600 (CST)

With the release of Adobe AIR 1.0 today, I figured I should package a sample AIR app using the latest YUI release. And what better example of showing YUI 2.5.0 in all it's glory than to convert my Complex Application example.

This example contains a patched version of the YUI Editor that makes the Editor render inside of AIR. The Editor contained in this app is not a fully functional version of the Editor Control (I am still working on that).

You can download and install the AIR app from here.

So you can see what I have done, I have included the source for the AIR app here.