scottgonzalez

[[UI/Theming|« Back to jQuery UI Theming]]
==The jQuery UI CSS Framework==

jQuery UI includes a robust CSS Framework designed for building custom jQuery widgets. The framework includes classes that cover a wide array of common user interface needs, and can be manipulated using jQuery UI ThemeRoller. By building your UI components using the jQuery UI CSS Framework, you will be adopting shared markup conventions and allowing for ease of code integration across the plugin community at large.

==Framework Classes==

The following CSS classes are split between ui.core.css and ui.theme.css, depending on whether styles are fixed and structural, or themeable (colors, fonts, backgrounds, etc) respectively. These classes are designed to be applied to User Interface elements to achieve visual consistency across an application and allow components to be themeable by jQuery UI ThemeRoller.

===Layout Helpers===

scottgonzalez

== What is jQuery UI? ==
jQuery UI is a widget and interaction library built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications.  This guide is designed to get you up to speed on how jQuery UI works. Follow along below to get started.

== Start by checking out the demos ==
To get a feel for what jQuery UI is capable of, check out the [http://jqueryui.com/demos/ UI demos].

In the demos section, the navigation lists all of the interactions and widgets that jQuery UI offers. Choose an interaction or widget and you'll be presented with several demo configurations for that particular plugin. Each demo allows you to view source code, change themes, and the URL can always be bookmarked. For example, check out the [http://jqueryui.com/demos/accordion/#fillspace accordion widget's fill space demo page].

== Build your custom jQuery UI download ==
Once you have a basic understanding of what jQuery UI is and what it does, you're ready to try it out! It's time to head 

scottgonzalez

var https = require( "https" ),
	async = require( "async" ),
	username = "xxx",
	password = "xxx";

function getRepos( user, fn ) {
	var req = https.request({
		host: "api.github.com",
		port: 443,
		path: "/users/" + user + "/repos",

scottgonzalez

(function( $ ) {

var slice = [].slice;

$.fn.dialog = function() {
	var args = slice.call( arguments );
	return this.each(function() {
		dialog.apply( null, [ $( this ) ].concat( args ) );
	});
};

scottgonzalez

var https = require( "https" ),
	username = "xxx",
	password = "xxx";

function postStatus( settings, fn ) {
	var data = JSON.stringify( settings ),
		headers = {
			"Content-length": data.length
		};

scottgonzalez

(SELECT DISTINCT `reporter` AS `contributor`
    FROM `ticket`
    WHERE `resolution` = "fixed"
        AND `milestone` = $V )
UNION
(SELECT DISTINCT `author`
    FROM `ticket_change`
    WHERE `ticket` IN (
        SELECT `id`
            FROM `ticket`

scottgonzalez

git log 1-8-stable --pretty=format:"%H %s" | grep "cherry picked" | sed 's/^.*cherry picked from commit \([0-9a-f]*\).*$/\1/' | sort > 1-8

git log 1.8... --pretty=format:"%H" | sort > master

comm -13 1-8 master | xargs -L 1 git log -1 --oneline | cat

scottgonzalez

function deferredRequest( resource, data ) {
	return $.Deferred(function( dfd ) {
		amplify.request({
			resourceId: resource,
			data: data,
			success: dfd.resolve,
			error: dfd.reject
		});
	}).promise();
}

scottgonzalez

This is a test of subdirectories.

Clone this repo using git clone git://gist.github.com/1925815.git gist-1925815.

Note: You must do your editing on your local clone, not using the gist UI.

scottgonzalez

var getFiles = Step.fn(
  function readDir(dir) {
    this.keep(dir);
    fs.readdir(dir, this.parallel());
  },
  function readFiles(err, dir, results) {
    if (err) throw err;
    // Create a new group
    var group = this.group();
    results.forEach(function (filename) {