Fangzhou Li riophae

favicon-cheat-sheet

A painfully obsessive cheat sheet to favicon sizes/types. Compiled from:

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

ffmpeg

Converting Audio into Different Formats / Sample Rates

Minimal example: transcode from MP3 to WMA:
ffmpeg -i input.mp3 output.wma

You can get the list of supported formats with:
ffmpeg -formats

You can get the list of installed codecs with:

	#!/bin/sh

	# on ubuntu: need some utils & dev libs
	sudo apt-get install apache2-utils openssl libssl-dev libpcre3-dev

	# compile nginx
	cd /tmp
	curl http://nginx.org/download/nginx-0.7.64.tar.gz \| tar xz
	cd nginx*
	./configure --with-http_ssl_module --with-http_dav_module \

	var parser = document.createElement('a');
	parser.href = "http://example.com:3000/pathname/?search=test#hash";

	parser.protocol; // => "http:"
	parser.hostname; // => "example.com"
	parser.port; // => "3000"
	parser.pathname; // => "/pathname/"
	parser.search; // => "?search=test"
	parser.hash; // => "#hash"
	parser.host; // => "example.com:3000"

	#!/usr/bin/env ruby

	# usage: stripiT.rb file1.m4a file2.m4a file3.m4a
	# automatically outputs to file1 - stripped.m4a, file2 - stripped.m4a, and so on.

	# Script to remove extraneous/unwanted atoms from iTunes purchased files by way of AtomicParsley.
	# Output should be comparable to the atoms left over after reencoding the file in iTunes itself.
	# I only care about songs, so I have no clue how well this applies to video files
	# Some information taken from: https://code.google.com/p/mp4v2/wiki/iTunesMetadata

	#include <iostream>
	#include <math.h>
	using namespace std;

	template <class T>
	struct Node {
	T value;
	Node *left;
	Node *right;

	/**
	* VH and VW units can cause issues on iOS devices: http://caniuse.com/#feat=viewport-units
	*
	* To overcome this, create media queries that target the width, height, and orientation of iOS devices.
	* It isn't optimal, but there is really no other way to solve the problem. In this example, I am fixing
	* the height of element `.foo` —which is a full width and height cover image.
	*
	* iOS Resolution Quick Reference: http://www.iosres.com/
	*/

	* {
	font-size: 12pt;
	font-family: monospace;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: black;
	cursor: default;
	}

	/* bling.js */
	window.$ = document.querySelector.bind(document);
	window.$$ = document.querySelectorAll.bind(document);
	Node.prototype.on = window.on = function(name, fn) { this.addEventListener(name, fn); };
	NodeList.prototype.__proto__ = Array.prototype;
	NodeList.prototype.on = function(name, fn) { this.forEach((elem) => elem.on(name, fn)); };