Harri Hälikkä harriha

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

Summary of audio/media support in Windows Phones' Internet Explorer(versions 9-11)

I also made a stackoverflow Q&A from this: http://stackoverflow.com/questions/23679205/how-to-record-audio-in-web-page-using-windows-phones-microphone

Let's take recording audio using device's microphone for example. With web techs you would have following options:

Get audio using HTML5 file API
Record audio using Flash/Silverlight

Better local require() paths for Node.js

Problem

When the directory structure of your Node.js application (not library!) has some depth, you end up with a lot of annoying relative paths in your require calls like:

const Article = require('../../../../app/models/article');

Those suck for maintenance and they're ugly.

Possible solutions

stopBefore.js

2min screencast

Examples

stopBefore(document, 'getElementById')
stopBefore('document.getElementById') // the same as the previous
stopBefore(Element.prototype, 'removeChild')

	var fs = require('fs');
	var TransformLine = require('./TransformLine');

	// syntax example:
	// $ node parse.js error.log

	var inFile = process.argv[2];
	var outFile = process.argv[3];

	if (!inFile) {

	{
	# this is a comment
	"a": "hello",
	# this is another comment
	"b": -1,
	"c": [
	true,
	"test",
	null
	],

	1995: form validation, image rollovers
	1997: ECMA-262 edition 1, Internet Explorer 4, DHTML
	1999: ES3 (function expressions, try/catch/finally, regexps, …)
	2004: WHATWG formed, focusing on web apps
	2005: Ajax
	2006: jQuery
	2008: V8 (the speed race begins), JS: The Good Parts
	2009: ES5, Node.js, PhoneGap, JSConf, ServerJS/CommonJS
	2010: Backbone.js, RequireJS
	2012: Windows 8, Nodecopter

	// svg.textflow.js 0.8 - Copyright (c) 2013 Wout Fierens - Licensed under the MIT license

	SVG.Textflow = function() {
	this.constructor.call(this, SVG.create('text'))

	/* define default style */
	this.styles = {
	'font-size': 16
	, 'font-family': 'Helvetica, Arial, sans-serif'
	, 'text-anchor': 'start'

	/*
	* Observable
	*/

	var xs = Rx.Observable.range(0, 3)
	xs.subscribe(log)
	//=> 0
	//=> 1
	//=> 2

	function AssertionError(msg) {
	this.message = msg \|\| "";
	this.name = "AssertionError";
	}
	AssertionError.prototype = Error.prototype;

	/* Call assert(cond, description1, ...)
	An AssertionError will be thrown if the cond is false. All parameters will be logged to the console,
	and be part of the error.
	*/