JSFiddle

  • Bootstrap 3 Skeleton #2 is the latest revision

    This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

        <div class="row">
            <div class="col-lg-2">
                <div class="panel">
                    <fieldset>
                        <legend>Legend</legend>
                        <div class="radio">
                            <label>
                                <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
                                Option one
                            </label>
                        </div>
                    </fieldset>
                </div>
            </div>
            <div class="col-lg-2">
                <div class="panel">
                    <fieldset>
                        <legend>Legend</legend>
                        <div class="form-group">
                            <label for="exampleInputEmail">
                                Email address</label>
                            <input type="text" class="form-control" id="exampleInputEmail" placeholder="Enter email">
                        </div>
                    </fieldset>
                </div>
            </div>
        </div>
    
  • Bike Game #70 is the latest revision

    jQuery 1.8.3, HTML, CSS, JavaScript

    var bikeContext;
    var canvas;
    var bikeInterval;
    var bike;
    var keys = {};
    var keyMap = {
      37: 'LEFT',
      39: 'RIGHT',
    },
    getKey = function (key) {
      return ...
  • Key listener

    A key listener in javascript that allows you to listen to multiple keys simultaneously

    var log = $('#log')[0],
    pressedKeys = [];
    
    $(document).keydown(function(event) {
      var li = pressedKeys[event.keyCode];
        if (!li) {
            li = log.appendChild(document ...
  • Submenu Slide out

    Simple submenu slide out example and complex subSUBmenu

    $(".menu li").hover(
        function() {
            $("ul.first", this).stop().slideDown();
        }, function() {
            $("ul.first", this).stop().slideUp();
        });
    
    $(".menu li ul.first li ...
  • Galaga #343 is the latest revision

    Remaking galaga with HTML5/CSS

    /** Written by Matt Erickson (ME) **/
    
    var DEBUG = false; //debug flag for helping figure out what is going on
    //One time ...
  • Pong #69 is the latest revision

    HTML5 attempt at pong

    var drawLoop;
    var $canvas;
    var canvasObject;
    var canvasHeight;
    var canvasWidth;
    var context;
    var running;
    var player1;
    var player2;
    var player1Score ...