Jordan Arentsen blissdev

The introduction to Reactive Programming you've been missing

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

JSConf Slides, Codes and Notes

These are all the JSConf 2014 slides, codes, and notes I was able to cull together from twitter. Thanks to the speakers who posted them and thanks to @chantastic for posting his wonderful notes.

Modular frontend with NPM - Jake Verbaten (@Raynos)

Prolog

Google Chrome Developers says:

The new WOFF 2.0 Web Font compression format offers a 30% average gain over WOFF 1.0 (up to 50%+ in some cases). WOFF 2.0 is available since Chrome 36 and Opera 23.

Some examples of file size differences: WOFF vs. WOFF2

TTF to WOFF2 converting

http://www.fontsquirrel.com/tools/webfont-generator

Whether you're trying to give back to the open source community or collaborating on your own projects, knowing how to properly fork and generate pull requests is essential. Unfortunately, it's quite easy to make mistakes or not know what you should do when you're initially learning the process. I know that I certainly had considerable initial trouble with it, and I found a lot of the information on GitHub and around the internet to be rather piecemeal and incomplete - part of the process described here, another there, common hangups in a different place, and so on.

In an attempt to coallate this information for myself and others, this short tutorial is what I've found to be fairly standard procedure for creating a fork, doing your work, issuing a pull request, and merging that pull request back into the original project.

Creating a Fork

Just head over to the GitHub page and click the "Fork" button. It's just that simple. Once you've done that, you can use your favorite git client to clone your repo or j

Interesting part (unmounting & API) is at the end if you're not interested in the rest =).

Stress Tests

This animation proposal is just an attempt. In case it doesn't work out, I've gathered a few examples that can test the power of a future animation system.

Parent is an infinitely spinning ball, and has a child ball that is also spinning. Clicking on the parent causes child to reverse spinning direction. This tests the ability of the animation system to compose animation, not in the sense of applying multiple interpolations to one or more variables passed onto the child (this should be trivial), but in the sense that the parent's constantly updating at the same time as the child, and has to ensure that it passes the animation commands correctly to it. This also tests that we can still intercept these animations (the clicking) and immediately change their configuration instead of queueing them.
Typing letters and let them fly in concurrently. This tests concurrency, coordination of an array of ch

Om, React and ClojureScript

Om -- ClojureScript interface to Facebook's React

	(ns shades.lenses)

	; We only need three fns that know the structure of a lens.
	(defn lens [focus fmap] {:focus focus :fmap fmap})
	(defn view [x {:keys [focus]}] (focus x))
	(defn update [x {:keys [fmap]} f] (fmap f x))

	; The identity lens.
	(defn fapply [f x] (f x))
	(def id (lens identity fapply))

	; dysfunction.dys
	;
	; Dysfunction is a new specification for communicating typed, structured,
	; dynamic data between computing systems (or processes on the same system.)
	; It defines a transfer syntax and processing expectations for systems which
	; produce and consume formated data. This file is a brief introduction to
	; Dysfunction, along with a few examples.
	;
	; Dysfunction is used in the same way JSON or XML might be used to store or
	; communicate human readable representations of structured data. It is designed

	var BVT = function(width, depth, init, elems) {
	this._width = width;
	this._depth = depth;
	this._leaf = depth === 1;

	this._shift = (this._depth - 1) * Math.round(Math.log(width) / Math.log(2));
	this._himask = this._width - 1;
	this._lomask = Math.pow(2, this._shift) - 1;
	this._elems = elems;

	(ns om-data.core
	(:require [om.core :as om :include-macros true]
	[om.dom :as dom :include-macros true]
	[datascript :as d]))

	(enable-console-print!)

	(def schema {})
	(def conn (d/create-conn schema))