JSFiddle

  • React Base Fiddle (JSX)

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

    var Hello = React.createClass({
      getInitialState: function() {
        return {
          msgs: {}
        };
      },
      limitSelection: function(e) {
        var id = ~~e.target.id;
        debugger;
        if (Object.keys ...
  • Flex-box example. #17 is the latest revision

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

    <body>
        <div class="horizontal">
            <img src="https://lorempixel.com/400/200/" />
            <img src="https://lorempixel.com/500/200/" />
            <img src="https://lorempixel.com/600/200/" />
            <img src="https://lorempixel.com/300/200/" />
            
        </div>
    </body>
    
  • CSS3 columns example. #36 is the latest revision

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

    <body>
        <div class="horizontal">
            <img src="http://placekitten.com/g/200/300" />
            <img src="http://placekitten.com/g/200/300" />
            <img src="http://placekitten.com/g/200/300" />
        </div>
    </body>
    
    
  • A Backbone.js Playground #2 is the latest revision

    A simple playground for learning backbone.js without having to install or configure anything yourself.

    MyView = Backbone.View.extend({
      el: $("#someElement"),
    
      events: {
        "click #someButton": "clicked"
      },
    
      clicked: function(e){
        e.preventDefault();
        alert("I was clicked!");
      }
    });
    
    new ...