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%; | |
| } |