JSFiddle

  • fadeTextWithSammy #1 is the latest revision

    fading text in and out using sammy.js to keep track of state

    //initialize "SAMMY"
    var app = $.sammy(function() {
        this.get('#test1', function(context) {
            if($('#test2').css('opacity') > 0) $('#test2').fadeOut();
            $('#test1').fadeIn ...
  • My Backbone Book Part 1 #1 is the latest revision

    Book with console

    (function ($) {
        //demo data
        var books = [
            { photo: "http://www.apress.com/media/catalog/product/cache/9/small_image/80x/040ec09b1e35df139433887a97daa66f/A/9 ...
  • Max's Tabs

    Just working on a tab system I found on the internet.

    $(document).ready(function() {
        $('#tabvanilla > ul').tabs({
            fx: {
                height: 'toggle',
                opacity: 'toggle'
            }
        });
        $('#featuredvid > ul').tabs();
    });
  • Thumbnail Caption Split Effect

    Mootools 1.4.5, HTML, CSS, JavaScript

     WebRep
    Overall rating
    This site has no rating
    (not enough votes)
    
  • Three.js ~ Threex ~ Game Prototype

    See: http://learningthreejs.com/blog/2012/01/17/dom-events-in-3d-space/ and https://github.com/jeromeetienne

    var camera, scene, renderer, geometry, material, mesh;
    
    var mouseX = 0, mouseY = 0;
    var windowHalfX = window.innerWidth / 2;
    var windowHalfY = window ...
  • For propulsionjs.com: Balloon Game

    A JSFIDDLE of the sample demo game.

    (function() {
        var spr=PP.spr,rm=PP.rm,obj=PP.obj,snd=PP.snd,al=PP.al,global=PP.global ...
  • Typing Blood

    typing game of HTML5 Canvas

    /**
     * Typing Blood
     * 
     * ランダムに落ちてくる文字をタイプするだけのタイピングゲーム
     * パーティクル・グラデーション・テキスト・ライン・ context.shadow・キーイベントの組み合わせ
     * スコア計算とレベルアップロジックは真面目にテストしてないので超適当です
     *
     * [enter] Start/Resume
     * [space] Pause
     */
    
    //MooTools $random
    function _random ...
  • HTML5 Snake Game #3 is the latest revision

    jQuery 1.8.3, HTML, CSS, JavaScript

    $(document).ready(function() {
        //Canvas stuff
        
        var keys = [];
    window.addEventListener("keydown",
        function(e){
            keys[e.keyCode] = true;
            switch(e.keyCode){
                case ...
  • Canvas Game

    From http://codeninja.de/titanic/

    // from http://codeninja.de/titanic/
    
    var c;
    var b = 'rgb(0,0,0)';
    var w = 'rgb(255,255,255)';
    var ...
  • Backbone.js use bootstrap modal

    jQuery 1.7.2, HTML, CSS, JavaScript

    $(function() {
    
        var ModalView = Backbone.View.extend({
    
            events: {
                'click .close': 'close'
            },
    
            initialize: function() {
                this.template = _.template($('#modal-template').html());
            },
    
            render: function ...