samueljseay

<div class='color'></div>
<div class='color-dark'></div>
<div class='color-darker'></div>

samueljseay

(function yui() {
	var 	systemInstantiate = System.instantiate,
		//Store just one Y sandbox
		YSandbox;

	//Extracts the dependency list from the YUI module source code (if any exist)
	function getYUIDeps(src, Y, load) {
		var 	stripRequire = /(\"requires\"|\'requires\'|\s*requires\s*)\s*:\s*/g,
			findRequire = /(\"requires\"|\'requires\'|\s*requires\s*)\s*:\s*\[[\s\S]*?\](\s*,\s*(\"skinnable\"|skinnable|\'skinnable\')\s*:\s*(true|false))*/g,
			skinnable = /(\"skinnable\"|skinnable|\'skinnable\')\s*:\s*(true|false)/

samueljseay

.confluenceTd {
    background: #f00;
    display: block;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;

samueljseay

<div class='color'></div>
<div class='color-dark'></div>
<div class='color-darker'></div>

samueljseay

<div class='color'></div>
<div class='color-20'></div>
<div class='color-40'></div>

samueljseay

// You could do this
var RecentProblemsComponent = Y.Base.create('prb-recent-problems-component', Y.View, [Y.OHP.Component], {
	initializer: function() {
		this.goGetData().then(this.render);
	},
	
	render: function() {
		if(this.hasSomeData) {
			this.hideProgressIndicator();
			this.showData;

samueljseay

// Don't do this
var RecentProblemsComponent = Y.Base.create('prb-recent-problems-component', Y.View, [Y.OHP.Component], {
	initializer: function() {
		this.goGetData().then(this.renderAThing);
	},
	
	renderAThing: function() {
		//render part of my UI
		this.nowFetchSomeOtherDataPls().then(this.renderOtherThings);
	},

samueljseay

.progress-indicator {
	position: absolute;
	height: 40px;
	overflow: hidden;
}

.progress-bubble {
	background-color: #efefef;
	width: 20px;
	height: 20px;

samueljseay

function getRealDimensions(node) {
	var	clone,
		result;

	if ( ! node ) {
		return false;
	}

	clone = node.cloneNode(true).show().setStyle('visibility','hidden').appendTo('body');

samueljseay

Step 0:

Get Homebrew installed on your mac if you don't already have it

Step 1:

Install highlight. "brew install highlight". (This brings down Lua and Boost as well)

Step 2: