JSFiddle

  • Crafty Game Engine

    With gamingjs

    /**
    * Elevator Action
    * Crafty JS
    */
    
    
    
    Crafty.init(50, 600, 400); //start the game with 50FPS and 600 x 400 stage
    
    Crafty ...
  • Backbone True or false

    Learning Backbone

    var p = function(t){ document.write(t+'<br/>') }
        
    // Test Model
    p('MODEL')
    var model = new Backbone.Model({test:1})
        p(model ...</br/>
  • Backbone Todo

    Make backbone todo

    var completedClassTransformer = function(value) {
        return (value) ? 'completed' : 'todo';
    };
    
    var priorityTransformer = function(value) {
        return 'hsl(' + (value * 5) + ', 95%, 55%)';
    };
    
    var Todo ...
  • Backbone Enable and Disable Button

    Demo enable button

    MyModel = Backbone.Model.extend({});
    
    EnabledView = Backbone.View.extend({
        el: "#enabledView",
        
        initialize: function() {
            Backbone.ModelBinding.call(this);
        }
    });
    
    DisabledView = Backbone.View.extend ...
  • My Backbone Card Identity 3 #2 is the latest revision

    Learn to list data use backbonejs, add filter type, Add Delete Button

    (function ($) {
    
        //demo data
        var contacts = [
            { name: "Contact 1", address: "1, a street, a town, a city, AB12 3CD", tel: "0123456789 ...
  • My Backbone Card Identity 4 #12 is the latest revision

    Learn to list data use backbonejs, add filter type, Add Delete Button, Edit Button

    (function ($) {
    
        //demo data
        var contacts = [
            { name: "Contact 1", address: "1, a street, a town, a city, AB12 3CD", tel: "0123456789 ...
  • My Backbone Card Identity 2 #1 is the latest revision

    Learn to list data use backbonejs, add filter type

    (function ($) {
    
        //demo data
        var contacts = [
            { name: "Contact 1", address: "1, a street, a town, a city, AB12 3CD", tel: "0123456789 ...
  • My Backbone Card Identity #5 is the latest revision

    Learn to list data use backbonejs

    (function ($) {
    //demo data
        var contacts = [
            { photo: "http://img.faceyourmanga.com/mangatars/0/470/470165/normal_627774.png", name: "Eri Nur Sofa ...
  • A Backbone.js Exemple

    A simple exemple using backbone.js with using the Backbone.js background of http://lostechies.com/derickbailey/2011/10/15/a-jsfiddle-to-build-backbone-js-fiddles

    var YeahView = Backbone.View.extend({
        events: {
            'click #yeah': 'affYeah'
        },
        affYeah: function() {
            $('#content', this.el).append('<li>Yeah It\'s work ! Great ...</li>
  • Backbone js

    Method map, with mustache js

    window.Models = {};
    window.Collections = {};
    window.Views = {};
    
    Backbone.idCounter = 0;
    
    Backbone.sync  = function(method, model, options) {
        console.log("-->", method);
        var methodMap ...