Fork me on GitHub

Davs Rants and Random Thoughts

YUI 3 Gallery – Hidden Features

November 4th, 2009

Today the YUI Team announced the little project I have been working on for the last couple of months. The YUI 3 Gallery.

So I figured I would write a little post to show a few of the “hidden” features of the Gallery and how you can use them.

JS Lint:
Every module that we push to the CDN has to go through our build system that uses the YUI Builder Tool. The Builder concatenates files, then compresses them with YUICompressor and runs JSLint on them a couple of times. We include this output on every build, so you as the end-user can see that output and use it to determine if you want to use the module in your application. If you look at my YQL Module and click the link for the Build Tag (Which is the stamp we give each CDN push), you will see the code that is required to load this module on your page. Just below that you can see a link called “[Show Build Output]“. Clicking that link will show you the raw output generated by the build system.

Loader
Some people have asked why they have to include the config in their YUI instance, to make a Gallery item work.

Code Snippet

The short answer is: We didn’t want to release a YUI 3.0.1 just to add a couple of lines to one file.
The longer answer is: When we release YUI 3.1.0, this will be built into the Loader module. And it will be done for you automatically. Since the files are hosted on the CDN, but are not in the same directory as the YUI files are, we had to modify Loader to know about Gallery modules and make it smart enough to change directories to use the CDN.

However, I have built an API into the Gallery to help with this.

Loader Code

This example shows how you can load a single js file from YUILibrary.com and plug it into your YUI instance and have access to all the gallery modules that are currently on the CDN.

API
The Gallery was designed with a pretty robust API exposed to help developers and users get the most out of the data inside the Gallery.
Here is the list of valid API endpoints:

Command Line
Last, but not least, my yui-git command line tool has support for the Gallery now.
You can query all the items in the Pending CDN Queue and check them out into a branch to test them before they are on the CDN.

That’s about it for now, hope you all enjoy the new Gallery & I hope to see lots of new modules in there soon.

GitHub @ Yahoo! – YUI Theater scoop!

August 12th, 2009

A few weeks ago, the awesome GitHub crew (Chris, Tom & Scott) dropped by Yahoo! to give a tech talk. They talk about Git, GitHub, Social Coding and more. And you get to see the video before it hits YUI Theater!!

3 Years Ago…

July 23rd, 2009

Three years ago today, I posted my first YUI example to the ydn-javascript list.

Here is the message:

You can use a simple addListener like so:

YAHOO.util.Event.addListener([HTMLObject], 'contextmenu', CallBackFunction);

You can see a working example here:

http://blog.davglass.com/files/yahoo/index.html

FYI, I am also using the YAHOO.namespace in the example.

The link to that code still works :D

After reading a few of the old posts I thought I would do a little data collection & here’s what I came up with. In the last 3 years:

Wow, it’s been an awesome 3 years.. Here’s to 3 more with YUI 3 !!

Yahoo Open Hack London

May 10th, 2009


Yahoo Open Hack London 57

Originally uploaded by Jinho.Jung.


Yahoo Open Hack London 67

Originally uploaded by Jinho.Jung.

This weekend I had the privilege of attending the second Open Hack Day in London. This year I was a presenter instead of just there for user support. I have to say that it was an awesome event and I can’t wait to do it again.

I’ve uploaded the slides from my talk to SlideShare and posted the code example here.

I have to mention that one of the best parts was the band: pornophonique.de. They are a German duo that plays a guitar and a GameBoy. It’s a pretty sweet sound and so far I really like coding to it :D

There are tons of pics available from the event, so browse on over to flickr and check them out.

Server Move Complete

November 23rd, 2008

If you are seeing this post, then the server move is complete ;)

Now that the server move is done, all my examples are now being pulled from GitHub.

So if you want to add any or update any go right ahead :D

Site update

March 8th, 2008

My hosting provider is upgrading PHP on my server to 5.x tonight, hopefully all of my examples and site will continue to function.

If you notice any of my examples failing, please feel free to email me and let me know, there are 159 examples, so I’ll have a hard time checking them all :)

Thanks
Dav

First YUI Blog Post

August 13th, 2007

Hey all –

Today, I got to post my very first blog article over on the YUI Blog. Swing on over and take a peek..

Minor Site update

July 30th, 2007

I’ve been a bit busy lately and have neglected my site, so I have upgraded WordPress to the latest release.. Plus I have changed up come colors, changed the Twitter badge and added MyAvatar support to my comment pages..

Drop me a note if you see any funky after effects of the changes..

Dav

Update

May 24th, 2007

Hey all,

It’s been a while since I posted (I’ve been busy both personally and professionally), so please forgive me for the gap :)

However, I do have some good news that I wanted to share with the community.. I have been invited to the Hack Day event in London next month..

It’s going to be totally awesome!! I have never been to London, so I am really looking forward to it..

Cheers

Yahoo! Mail API

March 29th, 2007

The Yahoo! Developer Network released a new set of API’s today. They opened up the “Yahoo! Mail Web Service APIs“. This set of API’s is possibly the best set to ever be released..

Back in Dec I posted about my latest win at Hack Day (you can read about that here). Well, now that the API’s have been released, I can show you my winning hack :D

Note: This hack was built in around 12 hours and it has not been tested! The code is messy and could have been done better, but I wanted to get as much done as possible so I hacked it quite a bit!

So now on to the hack…

My hack was called “CandyGram Lite” and it was an attempt to rebuild the new Yahoo! Mail Beta with semantic markup and using the YUI tools. Not only to make it faster, but to make it work in all Grade A Browsers.

Enough of the yapping, here’s the link:
http://blog.davglass.com/files/yui/cglite/

You will need a Yahoo! Mail account in order to use it. If you don’t have one, get one here.

Please be gentle on my server :D

© 2010 Dav Glass - All content is mine, except comments. Comments are the property of the poster. I speak for no person or company.
Can you tell me what this says? 01000100 01100001 01110110 01101001 01100100 00100000 01000111 01101100 01100001 01110011 01110011