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>