Derek Gathright derek

YUI Button

To introduce a new Button component for YUI 3 that addresses the following user stories

"I want buttons on my site to look consistent & attractive."
"I want to be able to programmatically control buttons in my application."
"I want to my buttons to be intelligent and interact with one another in groups."
"I want my application to be able to dynamically generate buttons."

	// Create a JSONP wrapper
	function executeYQL(yql, callbackFuncName) {
	var url = "http://query.yahooapis.com/v1/public/yql?q=" + encodeURIComponent(yql) + "&env=store://datatables.org/alltableswithkeys&format=json&callback="+callbackFuncName;
	var head = document.getElementsByTagName('head')[0];
	var script = document.createElement('script');
	script.type = 'text/javascript';
	script.src = url;
	head.appendChild(script);
	}

	/*

	The winner generator for SoCal.js November meetup
	Be sure to `npm install yql` first!

	Written by Derek Gathright (@derek)

	*/

	var sys = require("sys"),

	Stoyan's Slides
	http://www.slideshare.net/stoyan

	Luke's Slides
	http://slidesha.re/ayTsaR

	Stoyan's twitter
	http://twitter.com/stoyanstefanov

	Luke's twitter

	root@roadrunner:/# cd /tmp
	root@roadrunner:/# wget https://download.github.com/isaacs-npm-v0.1.23-0-g1c13d07.zip
	root@roadrunner:/# unzip isaacs-npm-v0.1.23-0-g1c13d07.zip
	root@roadrunner:/# cd isaacs-npm-1c13d07
	root@roadrunner:/# node cli.js install
	root@roadrunner:/# npm -v
	npm it worked if it ends with ok
	npm cli [ '-v' ]
	0.1.23


	(function() {
	try {
	if (!google.doodle) google.doodle = {};
	var d = [[307, 48, 88, 89], [307, 48, 89, 89], [307, 48, 91, 89], [305, 49, 93, 89], [305, 50, 93, 88], [305, 50, 93, 88], [306, 52, 92, 86], [305, 53, 93, 84], [305, 54, 94, 83], [306, 54, 93, 83], [307, 54, 92, 83], [307, 54, 92, 83], [308, 54, 90, 83], [308, 54, 90, 83], [306, 53, 91, 84], [306, 53, 91, 84], [308, 53, 90, 84], [308, 53, 90, 84], [305, 53, 92, 84], [305, 52, 92, 85], [306, 52, 91, 85], [308, 51, 88, 87, 1], [308, 50, 88, 88], [308, 49, 88, 88], [307, 49, 89, 88], [307, 50, 89, 87], [308, 51, 89, 86], [307, 54, 90, 83], [307, 57, 90, 80], [306, 58, 92, 79], [306, 58, 92, 79], [305, 60, 92, 77], [302, 61, 95, 76], [302, 63, 95, 74], [302, 51, 96, 86], [302, 66, 98, 71], [304, 67, 96, 69], [301, 63, 96, 74], [301, 58, 93, 79], [291, 52, 94, 85], [288, 50, 71, 88], [285, 43, 76, 95], [285, 37, 70, 101], [281, 29, 55, 109], [278, 20, 58, 119], [278, 20, 55, 119, 1], [277, 12, 121, 127], [271, 2, 122, 138], [267, 1,

	/*
	PC Emulator
	Copyright (c) 2011 Fabrice Bellard
	Redistribution or commercial use is prohibited without the author's
	permission.
	*/
	"use strict";
	var aa;
	var ba = [1, 0, 0, 1, 0, 1, 1, 0, 0, 1, 1, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 0, 0, 1, 1, 0, 0, 1, 0, 1, 1, 0, 0, 1, 1, 0, 1, 0, 0, 1, 1, 0, 0, 1, 0, 1, 1, 0, 1, 0, 0, 1, 0, 1, 1, 0, 0, 1, 1, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 0, 0, 1, 1, 0, 0, 1, 0, 1, 1, 0, 1, 0, 0, 1, 0, 1, 1, 0, 0, 1, 1, 0, 1, 0, 0, 1, 1, 0, 0, 1, 0, 1, 1, 0, 0, 1, 1, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 0, 0, 1, 1, 0, 0, 1, 0, 1, 1, 0, 0, 1, 1, 0, 1, 0, 0, 1, 1, 0, 0, 1, 0, 1, 1, 0, 1, 0, 0, 1, 0, 1, 1, 0, 0, 1, 1, 0, 1, 0, 0, 1, 1, 0, 0, 1, 0, 1, 1, 0, 0, 1, 1, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 0, 0, 1, 1, 0, 0, 1, 0, 1, 1, 0, 1, 0, 0, 1, 0, 1, 1, 0, 0, 1, 1, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 0, 0, 1, 1, 0, 0, 1, 0, 1, 1, 0, 0, 1, 1, 0, 1, 0, 0, 1, 1, 0, 0, 1, 0, 1, 1, 0, 1, 0, 0, 1, 0, 1, 1, 0, 0, 1, 1, 0, 1, 0, 0, 1];
	var ca = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 0, 1, 2, 3, 4, 5, 6, 7

	(function() {
	var g = null,
	h;
	try {
	if (!google.doodle) google.doodle = {};
	var j,
	m,
	o,
	p,
	r,

	<!DOCTYPE HTML>
	<html>
	<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

	<style>
	#scrollableParent {
	background:#ccc;
	}
	</style>