Integralist

%myclass {
  color: blue;

  @media (min-width: 600px) {
    background: red;
  }
  @media (min-width: 800px) {
    font-size: 28px;
  }
}

Integralist

            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
                    Version 2, December 2004

 Copyright (C) 2011 Sascha Depold http://depold.com

 Everyone is permitted to copy and distribute verbatim or modified
 copies of this license document, and changing it is allowed as long
 as the name is changed.

            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE

Integralist

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

Integralist

/* Checkbox Hack */

input[type=checkbox] {
   position: absolute;
   top: -9999px;
   left: -9999px;
}
label { 
  -webkit-appearance: push-button;
  -moz-appearance: button; 

Integralist

/*!
 * RequireJS plugin for async dependency load like JSONP and Google Maps
 * @author Miller Medeiros
 * @version 0.0.1 (2011/03/23)
 * Released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
 */
define(function(){
	
	function injectScript(src){
		var s, t;

Integralist

• https://github.com/coolaj86/futures (been around a while)
• https://github.com/heavylifters/deferred-js
• https://github.com/wookiehangover/underscore.Deferred
• https://github.com/warpdesign/Standalone-Deferred (implementation of jQuery's Deferred API in a standalone form, doesn't include tests but seems to work)
• https://github.com/unscriptable/promises (not compat with CJS Promises/A)
• https://github.com/briancavalier/when.js
• *jQuery of course also includes an implementation of Deferreds.