Skip to content

Instantly share code, notes, and snippets.

@jtangelder
jtangelder / jquery.raf.coffee
Last active December 21, 2015 22:38
hack jQuery to use requestAnimationFrame for animations
# hack jQuery to use requestAnimationFrame for animations
((win, $)->
# use Modernizr to get the (prefixed)DOM method
raf = Modernizr.prefixed('requestAnimationFrame', win)
if not raf
return
animating = false;
@jtangelder
jtangelder / modernizr.positionfixed.js
Created September 5, 2013 13:12
Modernizr position fixed check. A modified version of https://gist.github.com/bobslaede/1221602
;(function(Modernizr, window) {
Modernizr.addTest('positionfixed', function () {
var ret;
// no (solid) support on <Android2 and <iOS4
var ua = navigator.userAgent;
if(ua.match(/android [0-2]/i) || ua.match(/(iphone|ipad|ipod).+(OS [0-4])/i)) {
return false;
}
@jtangelder
jtangelder / inview.js
Last active August 29, 2015 13:59
inview.js
/**
* triggers a callback when an element gets into the viewport
* uses a little bit of jQuery. elements auto receive the class `inview`
*
* the threshold parameter is on scale from 0 to 1 of the height.
* 0 means it triggers directly, 1 means it must be full visible
*
* @example
* // images needs to be 50% in view
* inview.register("img", .5, function(item, inview_state) {
@jtangelder
jtangelder / slideshow.scss
Last active August 29, 2015 13:59
slideshow.css
/**
* @example
* div.slideshow
* div first pane
* div.active active pane
* div last pane
*/
.slideshow {
position: relative;
overflow: hidden;
var IE = (function() {
if (document.documentMode) {
return document.documentMode;
} else {
for (var i = 7; i > 4; i--) {
var div = document.createElement("div");
div.innerHTML = "<!--[if IE " + i + "]><span></span><![endif]-->";
if (div.getElementsByTagName("span").length) {
// SmoothScroll for websites v1.2.1
// Licensed under the terms of the MIT license.
// People involved
// - Balazs Galambosi (maintainer)
// - Michael Herf (Pulse Algorithm)
(function(){
// Scroll Variables (tweakable)
@jtangelder
jtangelder / PreventGhostClick.js
Last active January 17, 2024 21:55
PreventGhostClick
/**
* Prevent click events after a touchend.
*
* Inspired/copy-paste from this article of Google by Ryan Fioravanti
* https://developers.google.com/mobile/articles/fast_buttons#ghost
*
* USAGE:
* Prevent the click event for an certain element
* ````
* PreventGhostClick(myElement);
@jtangelder
jtangelder / example
Last active August 29, 2015 14:05
input[type="calc"]
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>input[type="calc"]</h1>
@jtangelder
jtangelder / django.jquery.polyfill.js
Last active August 29, 2015 14:06
django.jQuery 1.4.2 upgrade functions to support some 'newer' jQuery methods.
(function(jQuery) {
if(!jQuery) {
return;
}
var $version = jQuery.prototype.jquery;
/**
* find out if a version number is greater then or equal (>=) as the compare version
* @example
@jtangelder
jtangelder / server.py
Created December 24, 2014 11:50
Python SimpleHTTPServer with HTML5 pushState support
#!/usr/bin/env python
# execute in the folder you want the server to run
# starts at port 80
import os
import urlparse
import SimpleHTTPServer
import SocketServer