Alexander Prinzhorn 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])}()

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

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.

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.

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

	var app = express();

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

	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

	var targetElement = e.currentTarget;

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

	targetElement.focus();
	}

	$(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,

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

	//Working fine:
	FileAPI.upload({

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