JSFiddle

  • Google Maps multiple markers, through data-attr

    PoC to test how to use data-attribute to feed google maps with multiple markers

    jQuery(document).ready(function ($) {
    
      var locations = [];
     
     // To use simple custom marker (not used in this PoC)
     // https://developers.google.com ...
  • CSS3 Transitions Cube

    From http://www.sitepoint.com/advanced-css3-2d-and-3d-transform-techniques/

    $(document).ready(function(){
        var ctr=0;
        var panel="";
        $(".handle").click(function(){
            ctr++;
            if(ctr==1){
                $("#cube").toggleClass("show-back");
                $("#cube").removeClass ...
  • Noisy backgrounds with canvas and css #132 is the latest revision

    Forked from Wizcover's http://jsfiddle.net/SfzPc/14/ see also http://stackoverflow.com/questions/8580541/a-way-to-create-random-noise-background-image-png-with-javascript My additions are the rgba mode and the colored background image

    var canvas = document.getElementById("acanvas");
    
    var w = canvas.width = 50;
    var h = canvas.height = 50;
    
    var context = canvas.getContext("2d ...