Ankur Oberoi aoberoi

Object-Oriented CSS

Below is how I am currently structuring my CSS to be more object-oriented (with a little assistence from Sass):

Base
Helpers
Variables (see my Guide to Sass)
Mixins (careful and limited usage - see my Guide to Sass)
Extensions (careful and limited usage - see my Guide to Sass)
Layout

These instructions work for the Raspberry Pi running Raspbian (hard float) and create a hardware optimized version of NodeJS for the Raspberry PI, (and include a working install and NPM!!!):

Install Raspbian - http://www.raspberrypi.org/downloads
Install the necessary dependecies:

sudo apt-get install git-core build-essential

(If you just installed git then you need to administer your git identity first, else adding the patches below will fail!!!)

This article has been given a more permanent home on my blog. Also, since it was first written, the development of the Promises/A+ specification has made the original emphasis on Promises/A seem somewhat outdated.

You're Missing the Point of Promises

Promises are a software abstraction that makes working with asynchronous operations much more pleasant. In the most basic definition, your code will move from continuation-passing style:

getTweetsFor("domenic", function (err, results) {
 // the rest of your code goes here.

In other words, the following asynchronous code:

var d = Domain.create()

d.on("error", function (error) {
    console.error("Error with the twitterverse:", error)
})

d.enter()

Business Models

Advertising

Models	Examples
Display ads	Yahoo!
Search ads	Google

	document._write = document.write;

	document.write = function(str){
	if (str.indexOf('<div id=\"gist-') != 0) {
	if(str.indexOf('https://gist.github.com/stylesheets/gist/embed.css') == -1) {
	// if you got this far it's not a github document.write call
	document._write(str);
	}
	return;
	}

	# This module intentionally minimizes dependencies to mitigate breakage risk.

	# Subset of Syslog's numerical severity codes (RFC 3164, Table 2)
	SEVERITY =
	ERROR: 3
	WARN: 4
	INFO: 6
	DEBUG: 7

	# Configuration

	var parser = document.createElement('a');
	parser.href = "http://example.com:3000/pathname/?search=test#hash";

	parser.protocol; // => "http:"
	parser.hostname; // => "example.com"
	parser.port; // => "3000"
	parser.pathname; // => "/pathname/"
	parser.search; // => "?search=test"
	parser.hash; // => "#hash"
	parser.host; // => "example.com:3000"

	var myCoolFunc, getContext;

	getContext = function () {
	return "specific context";
	};

	// generic function
	myCoolFunc = function (param1, context) {
	console.log(param1 + ' ' + context)
	};

	<style>
	.fade-right {
	-webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), color-stop(0.75, rgba(0,0,0,1)), to(rgba(0,0,0,0)));
	mask: url(#fade_right_svg_mask);
	}
	#mask_demo {
	background: #d0d0d0;
	height: 100px;
	width: 500px;
	padding: 10px;