Kevnz

/* Based on YUI 3 CSS Grids: http://developer.yahoo.com/yui/3/cssgrids/ */
.layout {
    letter-spacing: -0.31em; /* webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    word-spacing: -0.43em;   /* IE < 8 && gecko: collapse white-space between units */
}
.layout > *,
.layout .unit {
    display: inline-block;
    zoom: 1; *display: inline; /* IE < 8: fake inline-block */

Kevnz

var safariDebug = ( navigator.platform.indexOf("iPhone") < 0 && navigator.platform.indexOf("iPod") < 0 && navigator.platform.indexOf("iPad") < 0 );


if(safariDebug)
{
	
PhoneGap.run_command = function() 
{
    if (!PhoneGap.available || !PhoneGap.queue.ready)
        return;

Kevnz

// This example adapted from Matt Gallagher's "Minimalist Cocoa Programming"
// blog article:
//    http://cocoawithlove.com/2010/09/minimalist-cocoa-programming.html
var $ = require('NodObjC')

$.import('Cocoa')

var pool = $.NSAutoreleasePool('alloc')('init')
  , app  = $.NSApplication('sharedApplication')

Kevnz

#!/bin/sh
ipfw -q -f flush

ipfw add pipe 1 in
ipfw add pipe 2 out
ipfw pipe 1 config bw 512Kbit/s queue 30 delay 150ms
ipfw pipe 2 config bw 2Mbit/s queue 10 delay 150ms
ipfw -q add allow all from any to any

Kevnz

/*
 * Assuming requireJS or another AMD loader
 * The idea is to have each jQuery.require() call have its own copy of jQuery
 * and all loaded modules copied into it, that way each call has its own "sandbox"
 */
(function (require, define) {
    
    /*
     * Optionally define a global config
     * Configuration is basically tiered into three levels that overwrite each other in this order:

Kevnz

/**
 * Integration test
 */

(function () {
  
  var YUITest = this.YUITest || require("yuitest");
  
  YUITest.Node.CLI.XUnit();
  

Kevnz

// @Mixin Retina Sprite Sass
// ======================================================
// This requires two folders full of *.png files, normal and then
// 2x resolution. Please ensure that they have the same number and names
// of files.
// I've written this based off other efforts on the web, but none did
// both background-images and a set of sprites automatically.
// Still very much a work in progress.

// To use see the bottom three lines.

Kevnz

How you can create a responsive grid system using YUI3 grids and SASS

This is a quick rundown of how and why we use YUI3 grids at App.net

As far as I can tell there are three types of CSS grids: a static-width pre-defined grid, a flexible-width pre-defined grid, and a generative grid. In the first two grids (pre-defined width), you basically decide how many columns you have across the screen, and then create blocks in any multiple of those. This pattern often looks like "span-4", "span-6", "pull-10", "push-5", etc. You find this style in popular frameworks like Bootstrap and Blueprint.

The third way, the generative/recursive grid system, doesn't seem to be as popular as the others. I am not entirely sure why, because the generative grid can pack more punch in less lines. In this vein is there is OOCSS and YUI3 CSS Grids.

Kevnz

Sublime Text 2 – Useful Shortcuts (Mac OS X)

General

⌘T	go to file
⌘⌃P	go to project
⌘R	go to methods
⌃G	go to line
⌘KB	toggle side bar
⌘⇧P	command prompt

Kevnz

Function.prototype.runOnBackgroundThread = function (aCallback) {
  var _blob = new Blob(['onmessage = '+this.toString()],{"type":"text/javascript"});
  var _worker = new Worker((webkitURL.createObjectURL || URL.createObjectURL)(_blob));
  _worker.onmessage = aCallback;
  _worker.postMessage();
}

var _test = function () {
  postMessage((1+1).toString());
}