Prinzhorn

var express = require('express');
var r = require('rethinkdb');

var app = express();

r.connect(config.rethinkdb, function(err, conn) {
	if(err) {
		return handleError(res, err);
	}

Prinzhorn

There are so many projects hosted on GitHub pages which do not have a prominent link to the repo on the page. I always (╯°□°）╯︵ ┻━┻ when this happens because I have to manually enter the stupid URL.

Here's a Bookmarklet

javascript:!function(){var o=location.href.match(/(\w+).github.io\/(\w+)/);o&&(window.location="https://github.com/"+o[1]+"/"+o[2])}()

Prinzhorn

d3 scatterplot example using the Breakfast Cereal Dataset from http://idvbook.com and based on the scatterplot example at http://bl.ocks.org/mbostock/3887118

Prinzhorn

for(var i = 0; i < 4294967296; i++) {
	global['is' + i] = (function(i) {
		return function(n) {
			return !(i - n);
		};
	}(i));
}

console.log(is5(5));//true
console.log(is5(9));//false

Prinzhorn

Similar to the toggle handler, but it will detach the element from the DOM instead of just hiding it. Much like knockout's if binding.

Usage

<div data-bind="if: someCondition"></div>

where someCondition can of course also be a computed property, so this gives you all flexibility you need.

Prinzhorn

This is an excerpt from a 465 lines js file. This is not satirical. This is actual code from a large codebase (>100k js) of an application that is used in production at multiple customers.

If you're giving a talk or lecture about code quality, feel free to use this as the first slide to make your audience giggle for a second. And then look at their faces when you tell them it's actual code.

Prinzhorn

var targetElement = e.currentTarget;

if(document.activeElement !== targetElement) {
	if(document.activeElement) {
		document.activeElement.blur();
	}

	targetElement.focus();
}

Prinzhorn

$(document).ready(function () {
    var a = $.scrollorama({
        blocks: ".scrollblock"
    });
    a.onBlockChange(function () {
        var b = a.blockIndex;
        $("#console").css("display", "block").text("onBlockChange | blockIndex:" + b + " | current block: " + a.settings.blocks.eq(b).attr("id"))
    });
    a.animate("#reality .bg", {
        delay: 300,

Prinzhorn

//Not working:
FileAPI.upload({
    url: '/upload',
    files: {
        image: FileAPI.Image(file).resize(800, 800, 'min')
    }
});

//Working fine:
FileAPI.upload({

Prinzhorn

skrollr.init({
    beforerender: function(data) {
        return data.curTop > data.lastTop;
    }
});