AdamBrodzinski

#Mac OS X

Mensch coding font

Apps

• Webkit
• Chrome
• Firefox
• Opera

AdamBrodzinski

Folder Structure

Motivations

• Clear feature ownership
• Module usage predictibility (refactoring, maintainence, you know what's shared, what's not, prevents accidental regressions, avoids huge directories of not-actually-reusable modules, etc)

AdamBrodzinski

var Car = function () {
    this.attributes = {
      color: null,
      wheels: 4,
      speed: null
    };
};

Car.prototype.set = function (key, value) {
    this.attributes[key] = value;

AdamBrodzinski

// precompiled backbone underscore template helper

var getTemplate = function (id) {
	return _.template( $('#'+ id).html() );
};

// doesn't call underscore
var uncompiledTemplate = function (id) {
	return $('#'+ id).html();
};

AdamBrodzinski

function getParam(name) {
    var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
    return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}

AdamBrodzinski

if (!window.console) window.console = { log: function() { } };

AdamBrodzinski

# returns the Gravatar for the given user.
  def gravatar_for(user)
    gravatar_id = Digest::MD5::hexdigest(user.email.downcase)
    gravatar_url = "http://gravatar.com/avatar/#{gravatar_id}"
    image_tag(gravatar_url, alt: user.name, class:"gravatar")
end


#  This is a small rails helper that returns a users gravatar image
#  image alt text defaults to user.name, but can easily be changed. 

AdamBrodzinski

@import "compass/utilities/sprites";         // Include compass sprite helpers
@import "compass/css3/background-size";      // Include helper to calc background size


@mixin sprite($name, $hover: false, $active: false) {
  @include retina-sprite($name, $sprites, $sprites2x, $hover, $active);
}

// The general purpose retina sprite mixin.
  //

AdamBrodzinski

/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

AdamBrodzinski

/* Preferably in an IE style sheet */
/* Forces IE7 to display as inline-block */

.problemElement,
.problemElement2,
.problemElement3 { 
    zoom: 1;
    *display: inline;
}