JSFiddle

  • 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'));
  • knockout page manager

    Knockout.js 2.3.0, HTML, SCSS, JavaScript

    var model = {
        colors : [
            { 
                color : 'green',
                name  : "Cauliflower Green",
                id    : 1235
            },{ 
                color : 'red',
                name  : "Ruby Red",
                id    : 1234
            },{ 
                color : 'blue',
                name ...
  • knockout custom binding loading async data #3 is the latest revision

    Knockout.js 2.3.0, HTML, CSS, JavaScript

    var model = { bar : "bar" };
    
    
    
    ko.bindingHandlers.foo = {
    
        init : function (element) {
            
            var myPromise = new Promise(function (resolve) { 
                
                window.setTimeout(function () {
                
                    resolve ...
  • CSS best practises 1 #6 is the latest revision

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

    <div class="parent">parent</div>
    
    
    <div class="parent child">child</div>
    
    
    <div class="parent child grandchild">grand child</div>
  • vertical-align example #3 is the latest revision

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

    <div class="container">
        
        <span class="beta">beta</span>
        <span class="delta">delta</span>
        <span class="alpha">alpha</span>
        <span class="gamma">gamma</span>
        
    </div>