mxriverlynn

MyView = Backbone.View.extend({

  events: {
    "click #someButton": "doThat",
    "change #someInput": "changeIt"
  },

  doThat: function(){ ... },
  changeIt: function(){ ... }
});

tbranyen

/* Pretend app setup stuff is here */

/* Kick off app */
jQuery(function($) {

  var Gallery = app.module("gallery");

  app.Router = Backbone.Router.extend({
    initialize: function() {
      this.gallery = new Gallery.Router("gallery/");

dmitry

/**
 * ## Merging mixin views in backbone.js ##
 *
 * really just more a test for tumblr gistr 
 */

/**
 * Merge the mixin (a Backbone.View) into another Backbone.View. Automatically merge events, defaults, and call the parent initializer.
 **/
function mergeMixin(view, mixin) {

domenic

// EntryPoint.js
define(function () {
    return function EntryPoint(model1, model2) {
        // stuff
    };
});

// Model1.js
define(function () {
    return function Model1() {

addyosmani

#Four Ways To Do Pub/Sub With jQuery and jQuery UI (in the future)

Between jQuery 1.7 and some of work going into future versions of jQuery UI, there are a ton of hot new ways for you to get your publish/subscribe on. Here are just four of them, three of which are new.

(PS: If you're unfamiliar with pub/sub, read the guide to it that Julian Aubourg and I wrote here http://msdn.microsoft.com/en-us/scriptjunkie/hh201955.aspx)

##Option 1: Using jQuery 1.7's $.Callbacks() feature:

$.Callbacks are a multi-purpose callbacks list object which can be used as a base layer to build new functionality including simple publish/subscribe systems. We haven't yet released the API documentation for this feature just yet, but for more information on it (including lots of examples), see my post on $.Callbacks() here:

jrburke

//Load the requirejs optimizer
var requirejs = require('./path/to/r.js'),
    //Set up basic config, include config that is
    //common to all the optimize() calls.
    basConfig = {
        baseUrl: './some/path',
        paths: {
            //whatever is neded globally.
        }
    };

Rob-ot

return View.extend({
	initialize: function () {
		this.el.attr("draggable", "true")
		this.el.bind("dragstart", _.bind(this._dragStartEvent, this))
	},

	_dragStartEvent: function (e) {
		var data
		if (e.originalEvent) e = e.originalEvent
		e.dataTransfer.effectAllowed = "copy" // default to copy

tsabat

Prereq:

apt-get install zsh
apt-get install git-core

Getting zsh to work in ubuntu is weird, since sh does not understand the source command. So, you do this to install zsh

wget https://github.com/robbyrussell/oh-my-zsh/raw/master/tools/install.sh -O - | zsh

maxbrunsfeld

// This method gives you an easier way of calling super
// when you're using Backbone in plain javascript.
// It lets you avoid writing the constructor's name multiple
// times. You still have to specify the name of the method.
//
// So instead of having to write:
//
//   User = Backbone.Model.extend({
//     save: function(attrs) {
//       this.beforeSave(attrs);

NHQ

# Quick hack of regular expressions to convert twitter bootstrap from LESS to Stylus
less2stylus = (string) ->
  string = string
    .replace(/^(\ *)(.+)\ +\{\ *\n?\ */mg, "$1$2\n$1  ") # remove opening brackets
    .replace(/^(\ *)([^\ ]+)\ +\{\ *\n?\ *?/mg, "$1$2\n$1  ") # remove opening brackets
    .replace(/\ *\{\ *\n*/g, "\n") # remove opening brackets again (some random cases I'm too lazy to think through)
    .replace(/\ *\}\ *\n*/g, "\n") # remove closing brackets
    .replace(/\;\ *?$/gm, "") # remove semicolons
    .replace(/@(\w+):(\ *)\ /g, "\$$1$2 = ") # replace @variable: with $variable =
    .replace(/\@/g, "\$")