JSFiddle

  • visitor #1 is the latest revision

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

    <div class="block alpha"></div>
    
    <div class="block beta"></div>
    
    <div class="block gamma"></div>
  • accordion #12 is the latest revision

    jQuery Compat (edge), HTML, SCSS, JavaScript

    //  main and nested container elements
    var $main = $('.big-container');
    var $nested = $('.inner-container');
    //  this has to be done at initialisation
    var mainHeight ...
  • nuclear sign #4 is the latest revision

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

    <div class="nuclear-sign">
  • cpu adder

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

    function halfAdder(inputA, inputB) {
    
        var a = OR(inputA, inputB);
        var b = NAND(inputA, inputB)
    
        return AND(a, b);
    }
    
    function adder ...
  • truth tables

    Knockout.js 3.0.0, HTML, CSS, JavaScript

    function AND(inputA, inputB) {
    
        return inputA && inputB;
    }
    
    function OR(inputA, inputB) {
    
        return inputA || inputB;
    }
    
    function NOT(input) {
        return !input;
    }
    
    var inputs ...
  • clock

    jQuery Compat (edge), HTML, CSS, JavaScript

    function Clock(selector) {
    
        this.$clock = $(selector);        
        this.phase = 0;
       
    
    }
    Clock.prototype.phases = ['up', 'across', 'down', 'back'];
    
    Clock.prototype.start = function ...
  • processor model #41 is the latest revision

    jQuery 2.1.3, HTML, CSS, JavaScript

    var counter = 0,
        limit = 40,
        memory, 
        clock,
        cpu, 
        scheduler,
        interruptVector,
        $instructions = $('#instructions');
    
    /**
    * holds memory and handles memory management
    * @constructor
    */
    function ...
  • css art #1 #1 is the latest revision

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

    <div class="foo"></div>
  • responsive icon #3 is the latest revision

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

    <div class="foo">
        +
    </div>
  • distributed models #3 is the latest revision

    Knockout.js 2.3.0, HTML, CSS, JavaScript

    var model = {
    
        name : ko.observable("Richard")
    }
    
    ko.applyBindings(model, document.getElementById('foo'));
    
    ko.applyBindings(model, document.getElementById('bar'));