JSFiddle

  • flexboxexperiment3 #2 is the latest revision

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

    No code. How about adding some?
  • Logarithmic Scale #9 is the latest revision

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

    var config = {
      type: 'line',
      data: {
        labels: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
        datasets: [{
          borderColor: 'blue ...
  • logarithmic scale #4 is the latest revision

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

    let field = document.querySelector('input');
    let base = 1.1;
    
    let A = [];
    A[0] = 1;
    A[1] = parseInt(Math.pow(base ...
  • donut example #1 is the latest revision

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

    <svg viewBox="0 0 50 50">
      <circle class="background" r="15.96" cx="25" cy="25" />
      <circle class="foo" r="15.96" cx="25" cy="25" />
      <circle class="bar" r="15.96" cx="25" cy="25" />
      <circle class="another" r="15.96" cx="25" cy="25" />
    </svg>
    
  • flexboxexperiment2 #1 is the latest revision

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

    <div class="u-valign-center">
      <div>
        <div>
          <h3>Accessing your funds</h3>
          <p>
             Your funds will be lent to businesses who borrow over 6 months to 5 years, 
             but you ...</p></div></div></div>
  • flex box experiment #1 is the latest revision

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

    <div class="container">
    <div class="contents">
      <h1>
        Hello World
      </h1>
    
    </div>
    </div>
  • Promises example #2 is the latest revision

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

    function doThis() {
      return Promise.resolve();
    }
    
    function another() {
      console.log('another');
      return Promise.resolve();
    }
    
    function andAnother() {
      console.log('and another');
      return ...
  • WYSIWYG editor

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

    let editor = document.getElementById('editor');
    let display = document.getElementById('display');
    editor.addEventListener('input', function () {
    	display.innerHTML = event.target.value
    });
    
  • matrix multiplication

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

    var m1 = [[1, 6],
              [-3, 5]];
              
    var m2 = [[4, 2], 
              [0, -1]];
              
    function multiplyMatrix(m1, m2) {
    
    	var result = [];
      
      for(var ...
  • ifthenelseifthenthen

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

    var alpha = false;
    var gamma = false;
    function beta() {
    	console.log('beta');
    }
    function delta() {
    	console.log('delta');
    }
    function omega() {
    	console.log ...