Simon Dell simondell

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>

<script id="jsbin-javascript">

## custom_poster.html
<!DOCTYPE html>
<html>
	<head>
		<title>Transparent YT player experiment</title>
		<meta charset="UTF-8">

		<style>
			#wrapper {
				position: relative;
				width: 640px;

## vector_2d.js
function Vector2D (x, y) {
	this.x = x || 0;
	this.y = y || 0;
}

Vector2D.prototype = {
	constructor: Vector2D,

	set: function set (arg1, y) {
		if( arg1 instanceof Vector2D ) {

## chains_of_then.js
function timedPromise ( t, label ) {
console.info( 'making promise for ' + label );
    return ( res,rej ) => {
        setTimeout( () => {
            console.log( label );
            res( label )
        }, t );
    }
}

## hover.js
var hover = (function () {
	var previousTarget = null;

	return function (event) {
		var currentTarget = event.srcElement;

		if(currentTarget === previousTarget) return;

		if(previousTarget) previousTarget.classList.remove('selected');

## _simple_sprite.scss
// text-hiding for hipsters, http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/
.hide-text{
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

/*
  A simple sprite mixin
  Pass it the path to the sprite file and the left and top co-ords of the frame/icon

## simple_factory.js
var Obj = function () {
  return {
    foo  : foo,
    foop : foo,
    bar  : bar
  }

  // private functions
  function foo () { console.log('foo') }
  function bar () { console.log('bar') }

## .jshintrc
{
	"predef" : [],
	"camelcase" : 1,
	"curly" : 1,
	"eqeqeq" : 1,
	"forin" : 1,
	"freeze": 0,
	"immed" : 1,
	"indent": 2,
	"latedef" : "nofunc",

## args_and_params.js
var arg_ary = [ 1, 2, 3 ];
var arg_obj  = { foo: 'bar' };

function reset( param ) {
  param[0] = undefined;
  console.log( "in reset", param );
}

console.log( arg_ary ); // [ 1, 2, 3 ]
reset( arg_ary ); // [ undefined, 2, 3 ]

## easy_to_read_module.js
var MyStructure = (function () {
  return {
		str: 'rush',
		go: function () {
			doThisFirst();
			doThisNext( this );
			return this;
		}
	}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	</head>
	<body>

	<script id="jsbin-javascript">
	function Vector2D (x, y) {
	this.x = x \|\| 0;
	this.y = y \|\| 0;
	}

	Vector2D.prototype = {
	constructor: Vector2D,

	set: function set (arg1, y) {
	if( arg1 instanceof Vector2D ) {
	function timedPromise ( t, label ) {
	console.info( 'making promise for ' + label );
	return ( res,rej ) => {
	setTimeout( () => {
	console.log( label );
	res( label )
	}, t );
	}
	}
	var hover = (function () {
	var previousTarget = null;

	return function (event) {
	var currentTarget = event.srcElement;

	if(currentTarget === previousTarget) return;

	if(previousTarget) previousTarget.classList.remove('selected');
	// text-hiding for hipsters, http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/
	.hide-text{
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}

	/*
	A simple sprite mixin
	Pass it the path to the sprite file and the left and top co-ords of the frame/icon
	var Obj = function () {
	return {
	foo : foo,
	foop : foo,
	bar : bar
	}

	// private functions
	function foo () { console.log('foo') }
	function bar () { console.log('bar') }
	{
	"predef" : [],
	"camelcase" : 1,
	"curly" : 1,
	"eqeqeq" : 1,
	"forin" : 1,
	"freeze": 0,
	"immed" : 1,
	"indent": 2,
	"latedef" : "nofunc",
	var arg_ary = [ 1, 2, 3 ];
	var arg_obj = { foo: 'bar' };

	function reset( param ) {
	param[0] = undefined;
	console.log( "in reset", param );
	}

	console.log( arg_ary ); // [ 1, 2, 3 ]
	reset( arg_ary ); // [ undefined, 2, 3 ]
	var MyStructure = (function () {
	return {
	str: 'rush',
	go: function () {
	doThisFirst();
	doThisNext( this );
	return this;
	}
	}