JSFiddle

  • Spectrum From Master #1 is the latest revision

    A working demo of the latest version of spectrum colorpicker

    $(".basic").spectrum({
        color: "#f00",
        change: function(color) {
            $("#basic-log").text("change called: " + color.toHexString());
        }
    });
    
    $("#full").spectrum({
        color: "#ECC",
        showInput: true,
        className ...
  • view-source bookmarklet #11 is the latest revision

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

    // javascript: (function(){
    var d = document,
        x = new XMLHttpRequest();
    x.open('GET',d.URL,true);
    x.onreadystatechange = function() {
        if (x.readyState ...
  • CMS bookmarklet #46 is the latest revision

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

    
    // a few baseline variables:
    var w = window,            // window object
        d = w.document,        // document object
        b = d.body,            // <body> element
        h = d ...</body>
  • box-sizing polyfill demo #36 is the latest revision

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

    <div id="box"></div>
  • Pure CSS input placeholder labels #18 is the latest revision

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

    <form>
        <div class="form_field_row">
            <input type="text" id="text"/>
            <label for="text">Text Field</label>
        </div>
        
        <div class="form_field_row">
            <input type="email" id="email"/>
            <label for="email">Email Field</label>
        </div>
        
        <div class="form_field_row">
            <input type="password" id="password"/>
            <label for="password">Password Field</label>
        </div>
        
        <div class="form_field_row">
            <input type="search" id="search"/>
            <label for="search">Search Field</label>
        </div>
        
        <div class="form_field_row">
            <textarea id="textarea"></textarea>
            <label for="textarea">Message Box</label>
        </div>
    </form>
  • Pure CSS input placeholder labels

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

    <form>
        <div class="form_field_row">
            <input type="text" id="text"/>
            <label for="text">Text Field</label>
        </div>
        
        <div class="form_field_row">
            <input type="email" id="email"/>
            <label for="email">Email Field</label>
        </div>
        
        <div class="form_field_row">
            <input type="password" id="password"/>
            <label for="password">Password Field</label>
        </div>
        
        <div class="form_field_row">
            <input type="search" id="search"/>
            <label for="search">Search Field</label>
        </div>
        
        <div class="form_field_row">
            <textarea id="textarea"></textarea>
            <label for="textarea">Message Box</label>
        </div>
    </form>
  • Maxlength for textareas #3 is the latest revision

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

    var p = document.getElementsByTagName('p'),
        i = p.length;
    
    while (i--) {
        color = p[i].getAttribute('data-color');
        p[i].onclick = function() {
            this ...
  • SVG Favicon #264 is the latest revision

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

    <!doctype html>
    <html>
    <head>
        <meta charset="utf-8">
        <title>SVG Favicon</title>
        <link rel="icon" type="image/svg+xml" href="http://www.w3.org/html/logo/downloads/HTML5_Badge.svg">
    </head>
    <body>
        <h1>Look up there</h1>
    </body>
    </html>
  • maxlength on textarea #1 is the latest revision

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

    <textarea maxlength="50">This textarea has a character limit of 50.</textarea>
  • Textarea maxlength feature detection / browser support #6 is the latest revision

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

    d              = document,
    textarea       = d.createElement('textarea'),
    withResults    = d.getElementById('withResults');
    withoutResults = d.getElementById('withoutResults');
    
    withoutResults.innerHTML = "textarea.maxLength //--> " + textarea.maxLength ...