JSFiddle

  • Inline elements and contentEditable #5 is the latest revision

    Mootools 1.4.5, HTML, CSS, JavaScript

    <pre><code contentEditable>Select this text and paste it in here again</code></pre>
  • Hexagon kitty #9 is the latest revision

    Breaks in Gecko :(

    var img = document.querySelector('img');
    var canvas = document.createElement('canvas'),
        ctx = canvas.getContext('2d');
    
    canvas.width = img.width;
    canvas.height ...
  • Conical gradient generator #15 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    var canvas = document.createElement('canvas'),
        d = canvas.width = canvas.height = 300,
        ctx = canvas.getContext('2d');
    
    document.body.appendChild(canvas);
    
    ctx ...
  • Opera bug reduction #2 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    (function(){
    
    /**
     * Setup dummy elements
     */
    var dummy = document.createElement('_'),
        inline = dummy.style,
        style = document.createElement('style');
        
    document.documentElement.appendChild(style ...
  • script MQ polyfill

    No-Library (pure JS), HTML, CSS, JavaScript

    /*
        If no JS is disabled, <link media="script" />, <style media="script"> won't be processed anyway, just like <link media="foobar" />. When JS is available, we can take matters ...</style>
  • sticker #11 is the latest revision

    Mootools 1.4.2, HTML, CSS, JavaScript

    var img = new Image();
    img.src = 'http://lea.verou.me/sticker.svg';
    img.onload = function() {
        c.getContext('2d').drawImage(this ...
  • Gecko bug?

    No-Library (pure JS), HTML, CSS, JavaScript

    <textarea>Bacon ipsum dolor sit amet rump salami short loin swine, ground round beef tongue tenderloin ham hock tri-tip kielbasa jerky ...</textarea>
  • Webkit bug testcase #1 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    var dummy = document.createElement('div').style;
    
    [
        'background: 0',
        'border: 0',
        'background: inherit',
        'border: inherit',
        'background: -moz-initial; background: initial',
        'border: -moz-initial ...
  • Conical gradient generator #35 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    var canvas = document.createElement('canvas'),
        d = canvas.width = canvas.height = 200,
        ctx = canvas.getContext('2d');
    
    document.body.appendChild(canvas);
    
    ctx ...
  • Move element in a circle path #1568 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    <div><div>☻</div></div>