JSFiddle

  • USA TODAY Headlines

    Playing with USA TODAY Articles API via (undocumented) CORS request.

    var createCORSRequest = function(method, url) {
      var xhr = new XMLHttpRequest();
      if ("withCredentials" in xhr) {
        // Most browsers.
        xhr.open(method, url, true ...
  • Scaling AIS Logo

    Simple test to see how the 2100x900 px transparent PNG AIS logo scales

    <div class="l h50"></div>
    <div class="l h100"></div>
    <div class="l h200"></div>
    <div class="l h300"></div>
    <div class="l h400"></div>
    <div class="l h500"></div>
  • Fixed Sidebar

    Testing an iframe fixed to the side of the browser window, sitting on top of the content

    $("button").click(function(){
        $("iframe").toggle();
    });
  • CSS Column Test #9 is the latest revision

    jQuery 1.8.3, HTML, CSS, JavaScript

    $("button").click(function(){
        $("#stuff").removeClass().addClass($(this).attr("id"));
    });
  • Scroll To Content

    jQuery 1.8.3, HTML, CSS, JavaScript

    var scrollToContent = function(duration) {
        var contentTop = $("#content").offset().top;
        //$("body").css("transform", "translateY(" + -1 * contentTop + ")");
        $("html:not(:animated),body:not ...
  • FizzBuzz #2 is the latest revision

    The classic fizzbuzz test

    var fizzBuzz = function fizzBuzz() {
        var output = "";
        for (var i = 1; i <= 20; i++) {
            output += i.toString() + ": "
            if (i % 2 === 0 ...
  • Search box fanciness

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

    <div id="header">
    <h1>Some Header</h1>
    <input id="search" type="search" placeholder="Search me">
    </div>
    
  • Slideshow POC #1 is the latest revision

    Mootools 1.4.5, HTML, CSS, JavaScript

    <div id="u31" style="" data-label="panel">
    
    
    
    
    <div id="pd3u31" style="display: none; visibility: hidden; " data-label="State4">
    <div id="u32" class="u32">
    <div id="u32_rtf"><p style="text-align:left;"><span style="font-family:Arial;font-size:20px;font-weight:bold;font-style:normal;text-decoration:none;color:#333333;">4 - Featured Content to go here</span></p></div>
    </div>
    </div><div id="pd2u31" style="display: none; visibility: hidden; " data-label="State3">
    <div id="u33" class="u33">
    <div id="u33_rtf"><p style="text-align:left;"><span style="font-family:Arial;font-size:20px;font-weight:bold;font-style:normal;text-decoration:none;color:#333333;">3 - AIS Case Study Published on Microsoft.com</span></p></div>
    </div>
    </div><div id="pd1u31" style="display: none; visibility: hidden; " data-label="State2">
    <div id="u34" class="u34">
    <div id="u34_rtf"><p style="text-align:left;"><span style="font-family:Arial;font-size:20px;font-weight:bold;font-style:normal;text-decoration:none;color:#333333;">2 - AIS' Work Nominated for a ...</span></p></div></div></div></div>
  • isotope sorting poc

    jQuery 1.8.3, HTML, CSS, JavaScript

    $('article.projection-page').isotope({
        getSortData: {
            name: function($elem) {
                return $elem.find('header>h1>a').text();
            },
            industry: function($elem) {
                return $elem.find ...
  • Joe Krajca

    Joe Krajca died on June 23rd. He got to see the longest day of his 86th year. We miss him.

    window.addEventListener("load", function() {
        try {
            setTimeout(function() {
                window.scrollTo(0, 1);
            }, 0);
    
            setTimeout(function() {
                document.getElementById("love").innerText = "We miss ...