JSFiddle

  • Simple Tree

    Simple collapsible tree structure

    $("div").click(function(e) {
        e.stopPropagation();
        $(this).toggleClass("hideChildren");
    });
  • My Yammer Feed #17 is the latest revision

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

    <script data-app-id="hyB2pTvrL36Y50py8EWj6A"
    src="//assets.yammer.com/platform/yam.js"></script>
    <script>
    yam.connect.embedFeed({
        container: '#embedded-feed',
        network: 'appliedis.com',
        //feedType: 'user',
        //feedId: '73804',
    });    
    </script>
    <div id="embedded-feed" style="height: 300px;"></div>
  • Phishing Email Content

    Analysis of a pretty run-of-the-mill phishing email, with an innocent-looking HTML attachment, containing an obfuscated script.

    c=3-1;i=c-2;if(window.document)if(parseInt("0"+"1"+"2"+"3")===83)try{Boolean().prototype.q}catch(egewgsd ...
  • easyXDM Azure Demo

    Forked version of David Zientara's example of how to use easyXDM to call regular ajax/cors services from an Azure BLOB storage container: http://jsfiddle.net/zientara/GXM4E/ Added instrumentation and a Get Head button which outputs the response headers to the console.

    //original version: http://jsfiddle.net/zientara/GXM4E/
    
    var EASYXDMAZUREDEMO = {};
    EASYXDMAZUREDEMO.remoteUri = "https://aisdevstorage.blob.core.windows.net/easyxdmdemo/";
    EASYXDMAZUREDEMO.remoteEasyXDM ...
  • Animating max-height to overcome height:auto limitation

    Copy from http://bradfrostweb.com/blog/web/responsive-nav-patterns/ Seems to be a very simple way to create an expanding menu/possibly an accordion.

    <div>
    Hover over me<br>
    foo bar<br>
    foo bar<br>
    foo bar<br>
    foo bar<br>
    foo bar<br>
    foo bar<br>
    foo bar<br>
    foo bar<br>
    foo ...</div>
  • Norwegian Flag v1

    Norwegian flag using html and css, including annoying percentages.

    <div id="flag">
        <div id="tl"></div>
        <div id="tm"></div>
        <div id="tr"></div>
        <div id="mm"></div>
        <div id="bl"></div>
        <div id="br"></div>
    </div>
    
    
  • Sass-y Norwegian Flag

    Norwegian flag from HTML and SCSS. Using SCSS allows easy resizing and converts dimensions math into simple fractions.

    <div id="flag">
        <div id="wv"></div>
        <div id="wh"></div>
        <div id="bv"></div>
        <div id="bh"></div>
    </div>
    
    
  • Norwegian Flag v2

    Norwegian flag using html and css, including annoying percentages - different structure from v1 (http://jsfiddle.net/austegard/TFdX8/).

    <div id="flag">
        <div id="wv"></div>
        <div id="wh"></div>
        <div id="bv"></div>
        <div id="bh"></div>
    </div>
    
    
  • Basic animations

    jQuery 1.7.1, HTML, CSS, JavaScript

    $("#first").click(function(){
        $("#slides").animate({left: "-=600px"})
            .delay(1000)
            .animate({top: "-=505px"})
            .delay(1000)
            .animate({left: "+=600px"})
            .delay(1000)
            .animate ...
  • BG Test

    Mootools 1.3.2, HTML, CSS, JavaScript

    See <a href="http://leaverou.me/css3patterns/#carbon-fibre">http://leaverou.me/css3patterns/#carbon-fibre</a>