JSFiddle

  • Video Control Test #3 is the latest revision

    jQuery 1.8.3, HTML, SCSS, JavaScript

    var Demo = {
        video: {},
        copy: {},
        copycanvas: {},
        output: {},
        init: function() {
            this.video = document.getElementById('sourcevid');
            this.copycanvas = document.getElementById('sourcecopy');
            this.copy ...
  • Video Control Test... Control

    jQuery 1.8.3, HTML, CSS, JavaScript

    var video;
    var copy;
    var copycanvas;
    var draw;
    
    var TILE_WIDTH = 32;
    var TILE_HEIGHT = 24;
    var TILE_CENTER_WIDTH = 16;
    var TILE_CENTER_HEIGHT = 12 ...
  • Raphael Infinite Animation #436 is the latest revision

    Raphael 2.1.0, HTML, CSS, JavaScript

    var paper = new Raphael('spin', 100, 100);
    var rect = paper.rect(20, 20, 20, 20).attr({fill: '#F00'});
    var anim ...
  • Checkbox event tests #9 is the latest revision

    This is playing with the state of the value of the checkbox during the lifecycle of various events.

    $('#ck').focus(function(){
        $('#result').append(' (focus! ' + this.checked + ')');
    });
    $('#ck').change(function(){
        $('#result').append(' (change! ' + this.checked + ')');
    });    
    $('#ck').blur(function(){
        $('#result ...
  • Overlay demo #13 is the latest revision

    jQuery 1.7.2, HTML, SCSS, JavaScript

    setTimeout(function(){
        //simulate loading done
        $('.overlay').fadeOut();
    }, 3000);
    
  • Image Cropper with Zoom and Preview

    jQuery 1.7.2, HTML, SCSS, JavaScript

    /**
     * jquery.Jcrop.min.js v0.9.10 (build:20120429)
     * jQuery Image Cropping Plugin - released under MIT License
     * Copyright (c) 2008-2012 ...
  • arrow button, no images #3 is the latest revision

    Mootools 1.4.5, HTML, SCSS, JavaScript

    <div></div>
  • jQuery Mobile Detection

    jQuery 1.7.1, HTML, CSS, JavaScript

    (function (a) { jQuery.browser.mobile = /android.+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris ...
  • FF border radius issue #79 is the latest revision

    Mootools 1.4.1, HTML, CSS, JavaScript

    
    
  • Parallax Demo (Grady)

    jQuery 1.6.2, HTML, CSS, JavaScript, jQuery UI 1.8.14

    var $paralax = $('.paralax');
    var article = $('article').width();
    $( "#slider" ).slider({
       slide: function(event, ui) {
           $paralax.each(function() {
               var $el = $(this);
               var ...