Mohammad Hossein Mojtahedi MHM5000

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

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

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.

The final result: require() any module on npm in your browser console with browserify

This article is written to explain how the above gif works in the chrome (and other) browser consoles. A quick disclaimer: this whole thing is a huge hack, it shouldn't be used for anything seriously, and there are probably much better ways of accomplishing the same.

Update: There are much better ways of accomplishing the same, and the script has been updated to use a much simpler method pulling directly from browserify-cdn. See this thread for details: mathisonian/requirify#5

inspiration

Django Install - Apache

Once per server:

apt-get update && apt-get upgrade
apt-get install libapache2-mod-wsgi
apt-get install python-setuptools python-dev build-essential
easy_install -U pip

	#https://gorails.com/setup/ubuntu/14.04
	sudo apt-get update
	sudo apt-get install git-core curl zlib1g-dev build-essential libssl-dev libreadline-dev libyaml-dev libsqlite3-dev sqlite3 libxml2-dev libxslt1-dev libcurl4-openssl-dev python-software-properties
	sudo apt-get install libgdbm-dev libncurses5-dev automake libtool bison libffi-dev

	curl -L https://get.rvm.io \| bash -s stable
	source ~/.rvm/scripts/rvm
	echo "source ~/.rvm/scripts/rvm" >> ~/.bashrc
	rvm install 2.1.2
	rvm use 2.1.2 --default

	#
	# This Python script makes a summary of a football game by cutting
	# the video around the 10 % loudest moments, which generally
	# include the goals and other important events.
	# For more details, see this blog post:
	# http://zulko.github.io/blog/2014/07/04/automatic-soccer-highlights-compilations-with-python/
	#
	# LICENCE: Creative Commons 0 - Public Domain
	# I, the author of this script, wave any rights and place this work in the public domain.
	#

	require_relative "test_helper"

	require "open-uri"
	require "net/http"

	class EmojiTest < Blog::Test
	def test_no_emoji
	posts.each do \|post\|
	content = File.read(post)
	refute_match /:[a-zA-Z0-9_]+:/, content,

	// USE
	.font-face(Ubuntu-Regular, 'https://dl.dropbox.com/u/1220078/ubuntu-new/Ubuntu-Regular-webfont', 400, normal);
	.font-face(Ubuntu-Italic, 'https://dl.dropbox.com/u/1220078/ubuntu-new/Ubuntu-Regular-Italic-webfont', 400, italic);
	.font-face(Ubuntu-Bold, 'https://dl.dropbox.com/u/1220078/ubuntu-new/Ubuntu-Bold-webfont', 700, normal);
	.test {
	.font(Ubuntu-Regular, 1em, normal, normal);

	h1 {
	.font(Ubuntu-Bold, 1.7em, bold, normal);
	}

	#!/bin/bash
	FILENAME=file-to-split.csv
	HDR=$(head -1 ${FILENAME})
	split -l 100 ${FILENAME} xyz
	n=1
	for f in xyz*
	do
	if [[ ${n} -ne 1 ]]; then
	echo ${HDR} > part-${n}-${FILENAME}.csv
	fi

	// Reference: http://stackoverflow.com/questions/4822471/count-number-of-lines-in-a-git-repository

	$ git ls-files \| xargs wc -l