chrisbuttery

// Dimensions of devices
// iPad Retina - 1536x2048
// iPad - 768x1024
// iPhone - 320x480
// iPhone Retina - 640x960

@mixin mobile-only {
	@media only screen and (max-width : 480px) {
		@content;
	}

chrisbuttery

Drag a file/folder into terminal: 
http://cl.ly/1Y0x0J0p0C0q303R1f1W  (man, i need this!)

Nice to haves:

* Close Multiple open files: http://cl.ly/2q2u3k1E3C2O3d3v2g07

* "Save All" option under 'File' to save all unsaved files.
  Would be nice if an unsaved file was more defined: http://cl.ly/2n420x1432441W2w2r0p

chrisbuttery

// Im not really sure what your intention is for this mixin.
// Originally it looked like you were including this mixin  to a parent class, 
// that would then create the .logo styles along with .svg & .no-svg fallback classes.
// This example includes the mixin to .logo since we know its going to exist anyhow.
// Dont know if it actuualy helps you, I'd need more info.

@mixin svg-logo($img-name) {

	// Compass cant get an image width/height from just a name, its needs an actual image,
	// which wouldnt work in this case.

chrisbuttery

var Form = require('form');

function PersonalDetails(el, model) {
  this.el = el;
  this.model = model;
  this.form = new Form(el);
}

chrisbuttery

/*
 * Require our plugins.
 */
var gulp          = require('gulp'),
    debug         = require('gulp-debug'),
    sass          = require('gulp-ruby-sass'),
    autoprefixer  = require('gulp-autoprefixer'),
    minifycss     = require('gulp-minify-css'),
    jshint        = require('gulp-jshint'),
    uglify        = require('gulp-uglify'),

chrisbuttery

/*
 * Require our plugins.
 */
var gulp          = require('gulp'),
    debug         = require('gulp-debug'),
    sass          = require('gulp-ruby-sass'),
    autoprefixer  = require('gulp-autoprefixer'),
    minifycss     = require('gulp-minify-css'),
    jshint        = require('gulp-jshint'),
    uglify        = require('gulp-uglify'),

chrisbuttery

{
    // --------------------------------------------------------------------
    // JSHint Configuration, Strict Edition
    // --------------------------------------------------------------------
    //
    // This is a options template for [JSHint][1], using [JSHint example][2]
    // and [Ory Band's example][3] as basis and setting config values to
    // be most strict:
    //
    // * set all enforcing options to true

chrisbuttery

function hostReachable() {

  // Handle IE and more capable browsers
  var xhr = new ( window.ActiveXObject || XMLHttpRequest )( "Microsoft.XMLHTTP" );
  var status;

  // Open new request as a HEAD to the root hostname with a random param to bust the cache
  xhr.open( "HEAD", "//" + window.location.hostname + "/?rand=" + Math.floor((1 + Math.random()) * 0x10000), false );

  // Issue request and handle response

chrisbuttery

// ES6 for loops
// =============

// Things in ES6 can be "iterable". Arrays are iterable by default.

var fruits = ['Apple', 'Banana', 'Grape'];

for (var fruit of fruits)
  console.log('Fruit: ' + fruit);

chrisbuttery

import {component,dom} from 'deku'

// Define a component with a name for debugging
const Button = component('My Button')

// Define properties
Button
  .prop('foo', { type: 'string', optional: true, expects: ['hello', 'goodbye'] })
  .prop('bar', { type: 'boolean', default: false })