JSFiddle

  • Export simple (nom, prenom, email) de SFR vers Google #4 is the latest revision

    jQuery 1.7.1, HTML, CSS, JavaScript

    /* 
    Sur : http://mes-contacts.services.sfr.fr/addressbook/addressbook.html
    Avec jQueryfy : http://www.learningjquery.com/2009/04/better-stronger-safer-jquerify-bookmarklet/
    */
    
    var contacts ...
  • Real submit on an ajax form #93 is the latest revision

    jQuery 1.7.1, HTML, CSS, JavaScript

    var $form = $(form)
      , $input = $form.find('input')
    $form.on('submit', function(e, letSubmit) {
        // Let the form submitting itself
        if (letSubmit ...
  • Arrow in CSS

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

    <ul>
        <li><a href="#">Lorem</a></li>
        <li><a href="#">Ipsum</a></li>
        <li><a href="#">Dolor</a></li>
        <li><a href="#">Sit amet</a></li>
    </ul>
  • Minimal jQuery accordion #133 is the latest revision

    jQuery 1.7.1, HTML, CSS, JavaScript

    $('#accordion li').mouseover(function(e) {
        $(this).siblings().animate({
            height: 30
        }, 500).end()
        .animate({
            height: 210 // 300 - 30 * 3
        }, 500);
    }).first ...
  • Does your browser support ::before/::after on empty tag ?

    Only Opera does :(

    <b data-tag=b></b>
    <br data-tag=br>
    
    <p>You should see <i>b: ok</i> and <i>br: ok</i>
  • Don't close <li> tags when display: inline-block #6 is the latest revision

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

    <b>What we have</b>
    <ul>
        <li>foo</li>
        <li>bar</li>
    </ul>
    
    <b>What we used to do</b>
    <ul>
        <li>
            foo
        </li><li>
            bar
        </li>
    </ul>
    <ul>
        <li>foo</li><!--
        --><li>bar</li>
    </ul>
    
    <b>What we can do</b>
    <ul>
        <li>foo
        <li>bar ...</li></li></ul>
  • Webkit 3D transform bug with transition #23 is the latest revision

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

    <img src=http://placekitten.com/250/150>
    <img src=http://placekitten.com/g/250/150>
  • Webkit z-index font and 3D bug #4 is the latest revision

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

    document.querySelector('button').addEventListener('click', function(e) {
        this.classList.toggle('bug')
    }, false)
  • CSS Transform display: inline test #15 is the latest revision

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

    <div id=test>
        <span>inline</span>
        <div>block</div>
    </div>
    <p>
    According to <a href="http://www.w3.org/TR/css3-2d-transforms/#transform-property">the spec</a>, transform should work on both inline and block elements.<br>
    If the gray bloc isn ...</p>
  • The "connect" button on iCloud #3 is the latest revision

    It's *that* ugly.

    <div role="button" id="sc1856" class="atv3 preInfoButton sc-view sc-button-view auth-button-view custom-button sc-regular-size" style="left: 167px; right: 14px; bottom: 12px; height: 47px; opacity: 1">
        <div class="bg normal">
            <div class="left"></div>
            <div class="middle"></div>
            <div class="right"></div>
        </div>
        <div class="bg active" style="opacity: 0; ">
            <div class="left"></div>
            <div class="middle"></div>
            <div class="right"></div>
        </div>
        <div class="text">Se connecter</div>
    </div>