Fauntleroy

#FIND

• giphy
• google image search

#MAKE

• facetogif (http://hdragomir.github.io/facetogif/)
• GIFit! (https://github.com/Fauntleroy/GIFit)
• GIFGrabber (http://www.gifgrabber.com/)

#USE

Fauntleroy

var asyncSeek = function( video, time, callback ){
	var doneSeeking = function(){
		video.removeEventListener( 'seeked', doneSeeking );
		if( callback ) callback();
	};
	video.addEventListener( 'seeked', doneSeeking );
	video.currentTime = time;
};

module.exports = asyncSeek;

Fauntleroy

var Cat = Backbone.Model.extend({

    initialize: function(){
        
        _(this).bindAll( 'bindEvents', 'action', 'dispose' );

        this.bindEvents();

    },

Fauntleroy

//
// What Javascript is Made of
// It ain't sugar, spice, and everything nice, but it'll do
//



///////////////////////////////////////////////////////////////////////////////////////
// Variables
// Javascript is reference based, meaning that variables only ever point to a piece of data. Defining a variable lets you use a piece of data elsewhere.

Fauntleroy

<h1>Isn't Terse <strong>awesome</strong>?!!!</h1>

<a href="http://www.youtube.com/watch?v=ygI-2F8ApUM">Yes</a>
<a href="http://www.youtube.com/watch?v=cRrdP8bUZI4">No</a>

Fauntleroy

<h1>I AM <em>TRANSFORMED</em></h1>

Fauntleroy

<img src="http://upload.wikimedia.org/wikipedia/commons/2/2a/Wikipe-tan_in_navy_uniform2_transparent.png" />

Fauntleroy

var myFunc = function( a, b ){
	return a+b;
};

// OR!!!!

var myFunc = function( a, b ){
  return arguments[0] + arguments[1];
};

Fauntleroy

var PlaylistItem = function( params ){

	// ensure params exists
	params = params || {};

	// cache a reference to this
	var playlist_item = this;

	// attach arguments to new PlaylistItem instance
	this.title = params.title;

Fauntleroy

<div id="game">
  <table id="board">
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>