JSFiddle

  • Reduced OOCSS grids

    Produce lines of up to 5 equal-width side-by-side units using online the `line` class.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Reduced grids - without nesting</title>
    </head>
    <body>
    <h1>Reduced grids</h1>
    <p>Only the line class remains &#8212; children are given equal widths (so the numbers below ...</p></body></html></!doctype>
  • OOCSS grids demo #5 is the latest revision

    Mootools 1.4.5, HTML, CSS, JavaScript

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>All combinations of grids - without nesting - edited to remove classes unnecessary to modern browsers</title>
    </head>
    <body>
    <h1>All combinations of grids - without nesting ...</h1></body></html></!doctype>
  • DPI media queries #14 is the latest revision

    Mootools 1.4.5, HTML, CSS, JavaScript

    No code. How about adding some?
  • WebKit text-rendering & transitions #11 is the latest revision

    A test for text rendering method changes during transition to infer when redraws occur.

    $(document).on('click','[data-toggle-class]',function(){
        $('body').toggleClass($(this).attr('data-toggle-class'));
    });
  • Attributes & selectors

    jQuery 1.6, HTML, CSS, JavaScript

    var a= 
    ['[checked]',
     '[data]',
     '[data-x]',
     '[data-y]',
     '[data-z]'],
        b=''
    
    $.each(a,function(i){
        try {b+=$(a[i])[0].tagName}catch(e ...