Pelle Wessman voxpelli

A lot of talk at JSConf was on the use of modules: AMD, CommmonJS, or otherwise. Since the server-side JavaScript world has this mostly covered, a more heavily discussed topic was bringing the joys of modularity to the client-side. This, of course, is a tricky thing to do since loading scripts requires some sort of relatively slow and possibly asynchronous network request. How does one balance the issues of perceived latency, JS execution (UI blocking), page weight, and code tidiness? I spent some time looking into this and here's my first stab at a solution (no I'm not releasing some open source project shut up).

Real quick: if you don't agree that splitting files to do asynchronous loading is a good idea you should read more.

I code most of my projects in MooTools (including my current project, BankSimple, so modularity is a given for me. MooTools is

Step 0:

Get Homebrew installed on your mac if you don't already have it

Step 1:

Install highlight. "brew install highlight". (This brings down Lua and Boost as well)

Step 2:

logstash json format

{
  "message"    => "hello world",
  "@version"   => "1",
  "@timestamp" => "2014-04-22T23:03:14.111Z",
  "type"       => "stdin",
  "host"       => "hello.local"
}

Locate the section for your github remote in the .git/config file. It looks like this:

[remote "origin"]
	fetch = +refs/heads/*:refs/remotes/origin/*
	url = [email protected]:joyent/node.git

Now add the line fetch = +refs/pull/*/head:refs/remotes/origin/pr/* to this section. Obviously, change the github url to match your project's URL. It ends up looking like this:

	$.fn.extend
	myplugin: (options) ->
	self = $.fn.myplugin
	opts = $.extend {}, self.default_options, options
	$(this).each (i, el) ->
	self.init el, opts
	self.log el if opts.log

	$.extend $.fn.myplugin,
	default_options:

	#!/usr/bin/env node

	var child_process = require('child_process'),
	spawn = child_process.spawn,
	exec = child_process.exec,
	quitOnError = null, rules;

	function checkFiles() {
	if (quitOnError === null \|\| !rules) {
	return;

	// Rounds all the corners of a box
	@mixin vector-bg-with-fallback($name) {
	background-image: image-url('#{$name}.png');
	background-image: none, image-url('#{$name}.svg');
	}

	@mixin border-radius($radius, $clip: padding-box)
	-webkit-border-radius: $radius
	-moz-border-radius: $radius
	-o-border-radius: $radius

	function nestCollection(model, attributeName, nestedCollection) {
	//setup nested references
	for (var i = 0; i < nestedCollection.length; i++) {
	model.attributes[attributeName][i] = nestedCollection.at(i).attributes;
	}
	//create empty arrays if none

	nestedCollection.bind('add', function (initiative) {
	if (!model.get(attributeName)) {
	model.attributes[attributeName] = [];

	<!doctype html>

	<!-- http://taylor.fausak.me/2015/01/27/ios-8-web-apps/ -->

	<html>
	<head>
	<title>iOS 8 web app</title>

	<!-- CONFIGURATION -->