JSFiddle

  • CSS Compass #4 is the latest revision

    Animated Compass Using CSS

    <div id="compass">
    <div id="bezel"></div>
    <div id="NWSE" class="quad"></div>
    <div id="NESW" class="quad"></div>
    <div id="NS" class="quad"></div>
    <div id="WE" class="quad"></div>
    <span id="N" class="dir">N</span>
    <span id="E" class="dir">E</span>
    <span id="S" class="dir">S</span>
    <span id="W" class="dir">W</span>
    <div id="needle"></div>
    <div id="axis"></div>
    </div>
  • Accessible Tile Sorting

    Uses mouse, touch and keyboard controls to allow drag and drop of tiles into target areas.

        //bind all touch drag/drop events to mouse drag/drop events
    (function (b) {
        b.support.touch = "ontouchend" in document;
        if ...
  • Copy to Clipboard

    CSS/jQuery method for selecting and copying text from a field.

    $(document).ready(function () {
        var modifierDown = false;
        var modifierKey = [17];
        var modifierName = "CTRL";
        cKey = 67;
        var osName = window.navigator.appVersion;
        if ...
  • Simple Switch #11 is the latest revision

    A pure CSS toggle switch.

    <input type="checkbox" id="useMiles" value="yes"><label for="useMiles"><span class="on">mi</span><span class="off">km</span></label>
    </input>