JSFiddle

  • git log

    jQuery (edge), HTML, CSS, JavaScript

    $('#gitlog').html().split('\n').forEach(line => {
      $('#lines').append($('<div class="line"/>').text(line))
    })
    
  • svgcolor

    jQuery (edge), HTML, CSS, JavaScript

    $(document).ready(_ => {
      //$('body').css('background', 'red')
      $('#svg2').find('text').css({fill: 'black'}).text('TIF')
      $('#svg3').find('text').css({fill ...
  • Creating clips

    jQuery (edge), HTML, CSS, JavaScript

    
    
    $('#bg').on('mousemove', (event) => $('#vol').css('right', `${Math.max(0, 200-event.pageX+30)}px`))
  • Max's first bouncy Arin

    jQuery Compat (edge), HTML, CSS, JavaScript

    var $box = $('#box');
    var bW = $box.width();
    var bH = $box.height();
    
    var $container = $('#container');
    var cW = $container.width();
    var cH ...
  • Max's first bouncy box

    jQuery Compat (edge), HTML, CSS, JavaScript

    var $box = $('#box');
    var x = 0;
    var y = 0;
    var time = 0;
    var speed = 1;
    var direction = 'right';
    
    function bouncy ...
  • bodyImgStretch #1 is the latest revision

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

    <body>
    </body>
  • custom toggle switch

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

    <div class='bg'>
    <div class='Rectangle-6'>
    <div class='Rectangle-7'>
    </div>
    </div>
    </div>
    <br>
    
    <div class='bg'>
    <div class='Rectangle-6-Copy'>
    <div class='Rectangle-7-Copy'>
    
    </div>
    </div>
    </div>
  • koosh

    jQuery (edge), HTML, CSS, JavaScript

    var container;
    var camera, scene, renderer;
    var geometry, root;
    var mouseX = 0, mouseY = 0;
    var windowHalfX = window.innerWidth / 8;
    var ...
  • React Base Fiddle (JSX)

    Starting point for creating JSFiddles with React. This uses React with Addons.

    var Hello = React.createClass({
      render: function() {
        return <div>Hello {this.props.name}</div>;
      }
    });
    
    ReactDOM.render(
      <Hello name="World" />,
      document.getElementById('container')
    );
    
  • flexCenter

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

    <div class='bigBox flexRow flexAIC flexJC'>
      <div class='littleBox'></div>
    </div>
    
    <div class='bigBox flexCenter'>
      <div class='littleBox'></div>
    </div>