David DeSandro desandro

addTap

helper function for adding click-ish events for touch devices

addTap( elem, onTap, options );

// for example

var box = document.getElementById('box');

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">

	<title>Google WebFont Loader test · CodePen</title>
	<!--
	Copyright (c) 2012 David DeSandro, http://codepen.io/desandro

	Permission is hereby granted, free of charge, to any person obtaining

	#!/usr/bin/env node

	process.stdin.resume();

	var str = '';

	process.stdin.on( 'data', function ( chunk ) {
	str += chunk;
	});

	#!/usr/bin/env node

	// run command and it should output "hello world"

	function print( str ) {
	process.stdout.write( str );
	}

	print('hello world')

	/* Pinterest layout mashed up */
	/* ----------------------------> See Line 8 of CSS for instructions of how the layout mashes up with Masonry */
	div.statcol{ float: left; padding: 0px; vertical-align: middle; overflow: hidden; text-align: left; margin-bottom: 42px; }
	/* div.statrow{ padding-top: 0px; vertical-align: middle; clear: both; float: none; } */
	div.statrow { width: 100%; margin: 0 auto; overflow: hidden; }

	.polaroid { padding: 10px 10px 19px 10px; background-color: #f7f7f7;
	display: inline-table; font-style: italic; line-height: 1.45em; }
	.statcol:nth-child(4) { padding-bottom: 40px; clear:both; }
	.statcol { text-align: center; }

	$.Isotope.prototype._getMasonryColumnShiftColumns = function() {
	var gutter = this.options.masonryColumnShift && this.options.masonryColumnShift.gutterWidth \|\| 0;
	containerWidth = this.element.width();

	this.masonryColumnShift.columnWidth = this.options.masonryColumnShift && this.options.masonryColumnShift.columnWidth \|\|
	// or use the size of the first item
	this.$filteredAtoms.outerWidth(true) \|\|
	// if there's no items, use size of container
	containerWidth;

	(function($){

	//Finding min and max values in array from http://snippets.dzone.com/posts/show/769
	Array.prototype.min = function(){ return Math.min.apply({},this) };
	Array.prototype.max = function(){ return Math.max.apply({},this) };

	$.fn.masonry = function() {
	this.each(function() {

	var wall = $(this);

	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">

	<title>backface visibility bug</title>

	<style>
	body {
	font-family: sans-serif;