Paul Murray plmrry

To transition an HTML list when it is re-ordered:

Create a second "hidden" list where each <li> contains an empty   character.
Calculate each hidden <li>'s new position (using jQuery).
Transition the absolute-ly positioned list elements.

🆒

This example demonstrates how to build a nested hierarchy from a streaming datasource.

Groups in the hierarchy are generated and sorted "on demand" as they are pulled from the data$ Observable.

Rx.Observable.groupBy() produces GroupedObservables which are scanned into arrays and then combined using flatMapLatest(Rx.Observable.combineLatest).

(Note: It's important to shareReplay the GroupedObservables)

This example also uses babel-standalone to enable in-browser ES6 features.

An experiment in translating from SVG into WebGL (via Three.js).

From a class project that involved a creative re-creation of the work of Piet Mondrian.

(Originally written in CoffeeScript, so the code is a little weird.)

	(function() {
	var XHR = XMLHttpRequest.prototype;
	var open = XHR.open;
	var send = XHR.send;

	XHR.open = function(method, url) {
	requests.push(this);
	this._method = method;
	this._url = url;
	return open.apply(this, arguments);