krambuhl

Backbone.JsonpCollection = Backbone.Collection.extend({
    sync: function(method, model, options) {
        var params = _.extend({
            type: 'GET',
            url: this.url,
            dataType: "jsonp",
            processData: false
        }, options);

        return $.ajax(params);

krambuhl

.slice {
    display: table;
    table-layout: fixed; // makes items equal sizes automatically
    width: 100%;
}

.slice-auto {
    table-layout: auto; // items will resize  based on content size
}

krambuhl

@mixin animation($animate...) {
    $max: length($animate);
    $animations: '';

    @for $i from 1 through $max {
        $animations: #{$animations + nth($animate, $i)};

        @if $i < $max {
            $animations: #{$animations + ", "};
        }

krambuhl

$grid-max: 12;
$grid-column: 80px;
$grid-gutter: 0px;
 
@function gridw ($span: $grid-max, $offset: 0px) { 
    @return ($grid-column * $span) + ($grid-gutter * ($span - 1)) + $offset; 
}
 
@mixin grid ($span: $grid-max, $offset: 0px) { 
    width: gridw($span, $offset); 

krambuhl

    var percentBetween = function(n1, n2, pos) {
        return Math.floor(pos * n2) + n1;
    };

krambuhl

var renderTemplate = function(context, source, data, callback) {
    $.get(source, function(template){
        $(context).html($.mustache(template, data));

        if (typeof callback === "function")
            callback.call(this, context);
    });
};