JSFiddle

  • SVG Icons

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

    /*
     * Some SVG Files
     */
    
  • Sumobo Dev

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

    <header>
      <h1>Sumobo</h1>
    </header>
    <div class="content">
      <div id="sumobo"></div>
    </div>
    <script src="https://rawgit.com/klenwell/sumobo/dev/build/bundle.js"></script>
    
  • Moment Live Timestamp

    Live timestamp using moment.js.

    var activateTimestamps = function() {
      var updateLiveTimestamp = function($timestamp, format) {
        var timestamp = moment().utc().format(format);
        $timestamp.html(timestamp);
      };
    
      $('.livestamp').each(function ...
  • FizzBizz Test Challenge

    Simple coding challenge for applicants.

    function testFizzBizz() {
      // TODO: Write a test here that returns 'pass' if fizzBizz function below
      // behaves as required, 'fail' if it ...
  • FizzBizz Coding Challenge

    Simple coding challenge for applicants.

    function fizzBizz(number) {
    	// TODO: number is an integer. Return 'fizz', 'bizz', 'fizzbizz', or 'not'
      // according to rules above.
      var result ...
  • Coding Challenge

    Simple coding challenge for applicants.

    function sortNumberList(numberList) {
    	// TODO: numberList will be an array of integers. Sort in ascending order
      // and return as an array ...
  • DOM URL Builder

    Build a url dynamically using dom.

    var params = {
      url: 'http://feed.com/feed/',
      service: 'foo'
    };
    
    var domUrlBuilder = document.createElement('a');
    domUrlBuilder.href = 'http://example.com';
    domUrlBuilder ...
  • jQuery Slider

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

    $("#slider").slider({
      orientation: "horizontal",
      range: "min",
      max: 100,
      min: 0,
      value: 50,
      slide: refreshValue,
      change: refreshValue
    });
    $('input#value').on('change ...
  • Moment.js #19 is the latest revision

    Tests and trials using Moment.js.

    // Moment
    var now = moment();
    console.debug(now.format());
    
    // Diff
    var earlier = moment('2015-01-01');
    var later = moment('2016-01-01');
    var diff = later ...
  • Mushpup 3.0 Demo

    Demonstration of Mushpup 3.0 using Github (Rawgit) source code.

    ui = MushpupUI();
    ui.init('div#mushpup');