Richard Scarrott richardscarrott

## Backbone view rendering
var MyCollectionView = Backbone.View.extend({

    initialize: function() {
        this.listenTo(this.collection, 'request', this.showLoader);
      	this.listenTo(this.collection, 'reset', this.render);
      	this.listenTo(this.collection, 'add', this.renderItem);
      	this.listenTo(this.collection, 'remove', this.removeItem);
      	if (this.collection.isReady()) {
      		this.render();
      	} else {

## font-size-comparison.html
<!doctype html>
<html>
<head>
	<title>Font-size unit comparisons</title>

	<style type="text/css">

		* {
			margin: 0;
			padding: 0;

## gist:4558947
Ply.ui.define('html', {

    __elements: {
        body: 'body'
    },

    __partials: {
        body: 'body'
    },

## Header1.css
/* $margin-large: 28px === desired margin from baseline. */
/* $margin-medium: 16px === desired margin from baseline. */
/* $margin-small: 8px === desired margin from baseline. */

.base {
	/* line-height adds 16px(!) to bottom of heading */
	line-height: 1.5;
	font-size: 40px;
}

## jquery.serializeobject.js
/*global jQuery */
/*jshint bitwise: true, camelcase: true, curly: true, eqeqeq: true, forin: true,
immed: true, indent: 4, latedef: true, newcap: true, nonew: true, quotmark: single,
undef: true, unused: true, strict: true, trailing: true, browser: true */

(function ($) {

  'use strict';

	$.fn.serializeObject = function () {

## event-order.html
<!doctype html>
<html>
<head>
  <title>
		Event order
	</title>

	<style type="text/css">
		* {
			margin: 0;

## gist:8470929
/*
 * invokes 'focusout' / 'blur' type effect on any element
 *
 * NOTE: binds to html element so ensure namespace is passed in for manual unbinding.
 */

(function ($, undefined) {

    var defaults = {
        namespace: 'clickOutside', // namespace to unbind at later time (currently manual)

## NetworkError.js
'use strict';

// http://stackoverflow.com/questions/31089801/extending-error-in-javascript-with-es6-syntax
class ExtendableError extends Error {
    constructor(message) {
        super();
        this.message = message;
        this.stack = (new Error()).stack;
        this.name = this.constructor.name;
    }

## events.js
const EventEmitter = require('events');

const myEmitter = new EventEmitter();

function handler1() {
    console.log('first handler');
    myEmitter.removeListener('event', handler2);
}

function handler2() {

## add.js
function add(val = 0, ...args) {
	let sum = args.reduce((prev, curr) => {
		return prev + curr;
	}, val);
	let ret = add.bind(this, sum);
	ret.value = () => sum;
	ret.add = ret;
	return ret;
}