helper function for adding click-ish events for touch devices
addTap( elem, onTap, options );
// for example
var box = document.getElementById('box');
/** | |
* Isotope v1.5.08 patch | |
* An exquisite jQuery plugin for magical layouts | |
* http://isotope.metafizzy.co | |
* | |
* Commercial use requires one-time license fee | |
* http://metafizzy.co/#licenses | |
* | |
* Copyright 2011 David DeSandro / Metafizzy | |
*/ |
<!doctype html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>quad curve</title> | |
<style> | |
body { | |
background: #CCC; |
/** | |
* requestAnimationFrame polyfill by Erik Möller & Paul Irish et. al. | |
* https://gist.github.com/1866474 | |
* | |
* http://paulirish.com/2011/requestanimationframe-for-smart-animating/ | |
* http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating | |
**/ | |
/*jshint asi: false, browser: true, curly: true, eqeqeq: true, forin: false, newcap: true, noempty: true, strict: true, undef: true */ |
/** | |
* Chrome 3d compositing bug | |
*/ | |
body { font-family: sans-serif; } | |
.env { | |
-webkit-perspective: 500px; | |
width: 500px; |
<!doctype html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>backface visibility bug</title> | |
<style> | |
body { | |
font-family: sans-serif; |
error: object directory ./objects/../../data/repositories/0/nw/05/19/95/1211978/network.git/objects does not exist; check .git/objects/info/alternates. |
(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); |
$.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; |
/** | |
* border-radius: 50%; | |
*/ | |
div { | |
background: #888; | |
margin: 10px; | |
border-radius: 50%; | |
} |