simonsmith

/**
 * Spacing utilities
 *
 * Used to override styles on components without need for
 * additional modifier classes
 *
 * Usage:
 *  <div class="u-mbZ"> // margin-bottom: 0
 *  <div class="u-mt20"> // margin-top: 20px
 *  <div class="u-m25"> // margin: 25px

simonsmith

Function.prototype.bind = (function() {
        }).bind || function(b) {
          if (typeof this !== "function") {
            throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");
          }
          function c() {
          }

          var a = [].slice, f = a.call(arguments, 1), e = this, d = function() {
            return e.apply(this instanceof c ? this : b || window, f.concat(a.call(arguments)));

simonsmith

/**
 * Spacing classes
 *
 * Used to override styles on components without need for
 * additional modifier classes
 *
 * Usage:
 *  <div class="u-mbZ"> // margin-bottom: 0
 *  <div class="u-mt20"> // margin-top: 20px
 */

simonsmith

Bash Keyboard Shortcuts - Mac

Enable Option Key as Meta in iTerm. Set as Esc+ - http://stackoverflow.com/a/438892

Moving the cursor

• Ctrl + a Go to the beginning of the line (Home)
• Ctrl + e Go to the End of the line (End)
• Ctrl + p Previous command (Up arrow)
• Ctrl + n Next command (Down arrow)

simonsmith

/**
 * Add matchers for different types
 * Note that Function.prototype.bind is not supported in PhantomJS
 * Uses underscore/lodash
 *
 * Usage: expect('test').toBeString();
 */
!function() {
  'use strict';

simonsmith

(function(context) {
  var factories = {}, loaded = {};
  var isArray = Array.isArray || function(obj) {
    return obj.constructor == Array;
  };

  var map = Array.map || function(arr, fn, scope) {
    for (var i = 0, len = arr.length, result = []; i < len; i++) {
      result.push(fn.call(scope, arr[i]));
    }

simonsmith

Running "suitcss:component" (suitcss) task
  component-resolver remote not set - defaulting to remotes's defaults +0ms
  component-resolver:locals resolving local at "/Users/simonsmith/Sites/grunt-suitcss/test/fixtures/component" +0ms
  component-resolver resolving "component-test" +5ms
  component-resolver:dependencies resolving dependency suitcss/[email protected] +0ms
  component-resolver:dependencies searching ["local","github","bitbucket"] for suitcss/[email protected] +0ms
  component-resolver remaining dependencies: 1 +6ms
  component-resolver remaining semver: 0 +0ms
  component-resolver finished resolving locals +0ms
  component-resolver:dependencies found suitcss/[email protected] from remote "local" +3ms

simonsmith

function server() {
    local port="${1:-8000}"
    open "http://localhost:${port}/"
    python -m SimpleHTTPServer "$port"
}

# grunt
function gi() {
  npm install --save-dev grunt-"$@"
}

simonsmith

var Component = React.createClass({
    render: function() {
        return (
            <div className="Component">
                // More content here
            </div>
        )
    }
});

simonsmith

git log --graph --format=format:'%C(bold blue)%h%C(reset) - %C(bold cyan)%aD%C(reset) %C(bold green)(%ar)%C(reset)%C(bold yellow)%d%C(reset)%n''%C(white)%s%C(reset) %C(bold white)— %an%C(reset)' --abbrev-commit --all

Alias it to something like:
git config alias.graph = log --graph ..etc..

For a quick way to get an overview of your current branches etc, use a bash alias
alias gl='git graph -10'

Looks like: http://cl.ly/Ri9R