c-kick

$(document).on('click', '#MyDoubleClickElement', function () {
  var t = $(this), doubleClickInterval = 500; //set up base vars
  var lastTouch = t.data('lastTouch') || 0, time = new Date().getTime(); //check when this element has been clicked last
  t.data('lastTouch', time); //store this click time
  if (time - lastTouch < doubleClickInterval && lastTouch !== 0) { //check if time between this and previous click exceeds the threshhold. If there is no last click registered, don't handle the callback
    //do your stuff here (execute a callback)
    alert("Double click!");
  }
});

c-kick

$.fn.checkStuck = function (className) {
    $(this).each(function() {
        var t = $(this); //preselect
        t.toggleClass(className, (parseInt(t.css('top'), 10) === t[0].getBoundingClientRect().top));
    });
}

c-kick

/**
 * JavaScript function prototype debouncer 3.0 - hnldesign.nl
 * Based on code by Paul Irish and the original debouncing function from John Hann
 * http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
 * Register deBouncer as a function prototype.
 *
 * Usage:
 * window.addEventListener('onorientationchange', myFunction.deBounce(100, false, false), false);
 * or
 * myFunction.deBounce(100, true, true)(myEventData);

c-kick

/*!
 * PRIME - Progressive-Responsive Image Enabler - v2.2.10 - 8/10/2020
 * http://code.hnldesign.nl/demo/hnl.prime.html
 *
 * Copyright (c) 2014-2020 HN Leussink
 * Dual licensed under the MIT and GPL licenses.
 *
 * Example: http://code.hnldesign.nl/demo/hnl.prime.html
 *
 * Feature notes:

c-kick

/*!
 * hnl.mobileConsole - javascript mobile console - v1.3.6 - 7/1/2020
 * Adds html console to webpage. Especially useful for debugging JS on mobile devices.
 * Supports 'log', 'trace', 'info', 'warn', 'error', 'group', 'groupEnd', 'table', 'assert', 'clear'
 * Inspired by code by Jakub Fiala (https://gist.github.com/jakubfiala/8fe3461ab6508f46003d)
 * Licensed under the MIT license
 *
 * Original author: @hnldesign
 * Further changes, comments: @hnldesign
 * Copyright (c) 2014-2019 HN Leussink

c-kick

$.fn.isVisible = function() {
    // Am I visible?
    // Height and Width are not explicitly necessary in visibility detection, the bottom, right, top and left are the
    // essential checks. If an image is 0x0, it is technically not visible, so it should not be marked as such.
    // That is why either width or height have to be > 0.
    var rect = this[0].getBoundingClientRect();
    return (
        (rect.height > 0 || rect.width > 0) &&
        rect.bottom > 0 &&
        rect.right > 0 &&

c-kick

var deBouncer = function($,cf,of, interval){
    // deBouncer by hnldesign.nl
    // more info: http://www.hnldesign.nl/work/code/debouncing-events-with-jquery/
    //
    // based on code by Paul Irish and the original debouncing function from John Hann
    // http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
    var debounce = function (func, threshold, execAsap) {
        var timeout;
        return function debounced () {
            var obj = this, args = arguments;

c-kick

//26-5-2020 update: possibly shorter, and better, since 'click' now fires on a tap, and is not prevented by the previous script. 
//Also: more concatenation.
$(document).on('touchstart, click', 'a.taphover', function (e) {
    if (!$(this).hasClass('hover')) { e.preventDefault(); }
    $('.taphover').not($(this).toggleClass('hover')).removeClass('hover');
});

//the previous version:

//taphover - a solution to the lack of hover on touch devices.

c-kick

/*!
 * jQuery Collision Detection - v1.0 - 1/7/2014
 * http://www.hnldesign.nl/work/code/collision-prevention-using-jquery/
 *
 * Copyright (c) 2014 HN Leussink
 * Dual licensed under the MIT and GPL licenses.
 *
 * Example: http://code.hnldesign.nl/demo/hnl.collision.detection.html
 */

c-kick

/**
 * jQuery inertial Scroller v1.5
 * (c)2013 hnldesign.nl
 * This work is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License. To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/4.0/.
 *
 * More information: http://www.hnldesign.nl/work/code/momentum-scrolling-using-jquery/
 */
/*jslint browser: true*/
/*global $, jQuery*/