mattConn

$(document).keyup(function(e) { //keydown can be used as well.
    switch(e.which) {
    
        case 37: //left; any keycode can be used for each case.
          alert('keycode: '+e.which);
        break;

        default: return; // exit this handler for other keys
    }
    e.preventDefault(); // prevent the default action (scroll / move caret)

mattConn

var gulp = require('gulp'),
  jade = require('gulp-jade'),
  data = require('gulp-data'),
  fs = require('fs');

gulp.task('jade', function(){
  return gulp.src('src/jade/*.jade')
    .pipe(data( function(file) {
      return JSON.parse(fs.readFileSync('src/data.json'));
    } ))

mattConn

var newHTML = [
'<div class="foo">',
	'<p>Readable HTML in JavaScript.</p>',
'</div>'
].join('');

mattConn

// getting an event's target
function getElementByEvent(event){
  console.log(event.target);
}

// get the target
var element = document.getElementsByClassName('element')[0];

//adding event listener to target
element.addEventListener('click', function(event){