Skip to content

Instantly share code, notes, and snippets.

View psiborg's full-sized avatar

Jim Ing psiborg

43 followers · 87 following
View GitHub Profile
@pithyless
pithyless / ken-burns.css
Created February 18, 2012 22:56 — forked from thierryk/ken-burns.css
Ken Burns effect (styling images with panning and zooming effects)
/**
* See: http://www.css-101.org/articles/ken-burns_effect/css-transition.php
*/
/**
* Styling the container (the wrapper)
*
* position is used to make this box a containing block (it becomes a reference for its absolutely positioned children). overflow will hide part of the images moving outside of the box.
*/
@stonehippo
stonehippo / adding-HA-hack-to-all-children.css
Created March 8, 2012 01:52
Adding Webkit native scrolling to an element
.scrolling-element-class * {
-webkit-transform: translate3d(0,0,0);
}
@jlord
jlord / index.html
Created April 19, 2012 06:39
Geocoder with Leaflet
<html>
<head>
<title>I'm learning</title>
<link rel="stylesheet" href="http://code.leafletjs.com/leaflet-0.3.1/leaflet.css" />
<script src="http://code.leafletjs.com/leaflet-0.3.1/leaflet.js"></script>
<script src="http://zeptojs.com/zepto.js" type="text/javascript"></script>
<script src="map.js" type="text/javascript"></script>
<style>
body {margin: 0; padding: 0; text-align: center;}
#button { -webkit-transition: -webkit-transform 3s ease-in; box-shadow: 0 0 25px #EFEF4D; margin: auto; margin-top: 15px; padding: 3px 6px; height: 20px; width: 200px;}
@jlong
jlong / uri.js
Created April 20, 2012 13:29
URI Parsing with Javascript
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"
@jonkemp
jonkemp / tooling.md
Created May 16, 2012 20:02
URL's from Paul Irish's talk: Tooling & The Webapp Development Stack
@jboner
jboner / latency.txt
Last active October 30, 2025 04:54
Latency Numbers Every Programmer Should Know
Latency Comparison Numbers (~2012)
----------------------------------
L1 cache reference 0.5 ns
Branch mispredict 5 ns
L2 cache reference 7 ns 14x L1 cache
Mutex lock/unlock 25 ns
Main memory reference 100 ns 20x L2 cache, 200x L1 cache
Compress 1K bytes with Zippy 3,000 ns 3 us
Send 1K bytes over 1 Gbps network 10,000 ns 10 us
Read 4K randomly from SSD* 150,000 ns 150 us ~1GB/sec SSD
@madrobby
madrobby / penner_beziers.js
Created June 24, 2012 19:32 — forked from jeremyckahn/penner_beziers.js
Penner beziers
var beziers = {
easeInQuad: '.55,.085,.68,.53',
easeInCubic: '.55,.055,.675,.19',
easeInQuart: '.895,.03,.685,.22',
easeInQuint: '.755,.05,.855,.06',
easeInSine: '.47,0,.745,.715',
easeInExpo: '.95,.05,.795,.035',
easeInCirc: '.6,.04,.98, .335',
easeInBack: '.6,-.28,.735,.045',
easeOutQuad: '.25,.46,.45,.94',
@bforrest
bforrest / window.console.js
Created July 27, 2012 15:24
console log javascript snippet
if (!window.console) {
(function() {
var names = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml",
"group", "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"];
window.console = {};
for (var i = 0; i < names.length; ++i) {
window.console[names[i]] = function() {};
}
}());
}
@stolsma
stolsma / 1 Instructions for compiling node0.8.8 with hardfloat.md
Created August 9, 2012 07:01 — forked from JerrySievert/gist:3119325
Working Node.js on Raspberry Pi

These instructions work for the Raspberry Pi running Raspbian (hard float) and create a hardware optimized version of NodeJS for the Raspberry PI, (and include a working install and NPM!!!):

  1. Install Raspbian - http://www.raspberrypi.org/downloads

  2. Install the necessary dependecies:

sudo apt-get install git-core build-essential

(If you just installed git then you need to administer your git identity first, else adding the patches below will fail!!!)

@max-mapper
max-mapper / bundle.js
Created November 8, 2012 18:29
html5 color scheme picker
var require = function (file, cwd) {
var resolved = require.resolve(file, cwd || '/');
var mod = require.modules[resolved];
if (!mod) throw new Error(
'Failed to resolve module ' + file + ', tried ' + resolved
);
var cached = require.cache[resolved];
var res = cached? cached.exports : mod();
return res;
};