JSFiddle

  • Simple slideshow #12 is the latest revision

    jQuery 1.6.2, HTML, CSS, JavaScript

    var slides = $('li').length;
    var wrap = $('#wrapper');
    for (var i = 0; i < slides; i++) {
        wrap.append($('<a />').attr('href', 'javascript:').text(i + 1)).append(' ');
    }
    
    $('#wrapper ...
  • CSS Pulse #6 is the latest revision

    Mootools 1.3.2, HTML, CSS, JavaScript

    <div id="box"></div>
  • Multi-column UL

    Mootools 1.3.2, HTML, CSS, JavaScript

    <ul>
        <li>something1</li>
        <li>something2</li>
        <li>something3</li>
        <li>something4</li>    
        <li>something5</li>
        <li>something6</li>
        <li>something7</li>
        <li>something8</li>
        <li>something9</li>
        <li>something10</li>
    </ul>
  • CSS3 Spinner (pinwheel) #4 is the latest revision

    Pure CSS Ajax Loader

    <section>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </section>
  • CSS3 Spinner #22 is the latest revision

    Mootools 1.3.2, HTML, CSS, JavaScript

    <img src="http://jedelman.devphp15.solutionset.com/facebook/img/spinner.gif" />
    <div id="spinner">
        <div id="leaf12"></div>
        <div id="leaf1"></div>
        <div id="leaf2"></div>
        <div id="leaf3"></div>
        <div id="leaf4"></div>
        <div id="leaf5"></div>
        <div id="leaf6"></div>
        <div id="leaf7"></div>
        <div id="leaf8"></div>
        <div id="leaf9"></div>
        <div id="leaf10"></div>
        <div id="leaf11"></div>
    </div>
  • IE7 Selector Bug

    jQuery 1.6.2, HTML, CSS, JavaScript

    $('a').click(function(e){
        e.preventDefault();
        $('#result').html($('a[href=#div1]').length);
    });
  • simple tab implementation in 5 lines (vertical)

    jQuery 1.6.2, HTML, CSS, JavaScript

    $('nav.tabs').delegate('a', 'click', function() {
        var li = $(this).closest('li');
        if (!li.is('.selected')) {
            li.addClass('selected').siblings('li ...
  • Cross Browser Middle Align #4 is the latest revision

    Attempting to find a way to vertically middle align text so that, when you add more text, it remains vertically middle-aligned.

    <div id="align">
        <p><span>Foo Text khgsafk jhsa kfjhgs kfhg skfjhg ladjshfgsadfas</span></p>
    </div>
    
    
  • Cross Browser Middle Align

    Attempting to find a way to vertically middle align text so that, when you add more text, it remains vertically middle-aligned.

    <div id="align">
        <p>Foo Text khgsafk jhsa kfjhgs kfhg skfjhg ladjshfgsadfas</p>
    </div>
    
    
  • Michow Modal

    jQuery 1.6.2, HTML, CSS, JavaScript

    var ACE = {
        hideModal: function (e) {
            e.preventDefault();
            $('aside.modal').hide();
        }
        , showModal: function (e) {
            e.preventDefault();        
            $('aside.modal').show();
        }
    };
    
    $(function(){
        $('#content ...