Mike Behnke localpcguy

Download and install p4merge

Download the perforce visual tool suite from here: http://www.perforce.com/perforce/downloads/index.html
Copy only the p4merge.app file into your /Applications/ directory

Setup p4merge as a visual mergetool

Essential JavaScript Links

I no longer mantain this list. There are lots of other very comprehensive JavaScript link lists out there. Please see those, instead (Google "awesome JavaScript" for a start).

NOTE I'm trying to find the most optimal fav/touch icon setup for my use-cases. Nothing new here. Read Mathias Bynens' articles on re-shortcut-icon and touch icons, a FAQ or a Cheat Sheet for all the details.

I'd like to hear how you approach this: @valuedstandards or comment on this gist.

The issue

You have to include a boatload of link elements pointing to many different images to provide (mobile) devices with a 'favicon' or 'touch icon':

![Touch Icon Links](https://o.twimg.com/2/proxy.jpg?t=HBj6AWh0dHBzOi8vcGhvdG9zLTYuZHJvcGJveC5jb20vdC8yL0FBRGFGY1VRN1dfSExnT3cwR1VhUmtaUWRFcWhxSDVGRjNMdXFfbHRJWG1GNFEvMTIvMjI3OTE2L3BuZy8xMDI0eDc2OC8yL18vMC80L1NjcmVlbnNob3QlMjAyMDE1LTA0LTE0JTIwMTYuNTYuMjYucG5nL0NNejBEU0FCSUFJZ0F5Z0JLQUkvNGR1eDZnMzZmYnlzYWI3

	// find out what prefix this browser supports.

	// usage: gimmePrefix('transform') // 'WebkitTransform'
	// returns false if unsupported.

	function gimmePrefix(prop){
	var prefixes = ['Moz','Khtml','Webkit','O','ms'],
	elem = document.createElement('div'),
	upper = prop.charAt(0).toUpperCase() + prop.slice(1);

	(function($){
	var touch = {}, touchTimeout;

	function parentIfText(node){
	return 'tagName' in node ? node : node.parentNode;
	}

	function swipeDirection(x1, x2, y1, y2){
	var xDelta = Math.abs(x1 - x2), yDelta = Math.abs(y1 - y2);
	if (xDelta >= yDelta) {

	// See http://javascriptweblog.wordpress.com/2011/08/08/fixing-the-javascript-typeof-operator/

	(function(global) {
	// Maintain a map of already-encountered types for super-fast lookups. This
	// serves the dual purpose of being an object from which to use the function
	// Object.prototype.toString for retrieving an object's [[Class]].
	var types = {};

	// Return a useful value based on a passed object's [[Class]] (when possible).
	Object.toType = function(obj) {

	/* EA Battlelog BF3 misc hacks
	* http://benalman.com/
	* Copyright (c) 2011 "Cowboy" Ben Alman; Licensed MIT, GPL */

	// What does it do?
	//
	// * Auto-retries server join so you don't have to spam the button.
	// (close the Game Manager error popup to cancel the auto-join)
	//
	// What might it do in the future?

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Responsive Design Testing</title>
	<style>
	body { margin: 20px; font-family: sans-serif; overflow-x: scroll; }
	.wrapper { width: 6000px; }
	.frame { float: left; }
	h2 { margin: 0 0 5px 0; }

	#
	# Working with branches
	#

	# Get the current branch name (not so useful in itself, but used in
	# other aliases)
	branch-name = "!git rev-parse --abbrev-ref HEAD"
	# Push the current branch to the remote "origin", and set it to track
	# the upstream branch
	publish = "!git push -u origin $(git branch-name)"

	// These hashes are for algorithmic use cases, such as bucketing in hashtables, where security isn't
	// needed and 32 or 64 bits is enough (that is, rare collisions are acceptable). These are way simpler
	// than sha1 (and all its deps) or similar, and with a short, clean (base 36 alphanumeric) result.

	// A simple, insecure 32-bit hash that's short, fast, and has no dependencies.
	// Output is always 7 characters.
	// Loosely based on the Java version; see
	// https://stackoverflow.com/questions/6122571/simple-non-secure-hash-function-for-javascript
	const simpleHash = str => {
	let hash = 0;