Tim Hudson timhudson

Here is an example of using some helper methods to help manage boilerplate view code. This baseInitialize helper basically wraps the existing initialize method and runs some boilerplate code first.

// Global helper object
var helpers = {
  
  // Example helper
  // This method will wrap any existing initialize method
  // and run some boilerplate first
 baseInitialize: function(view) {

Padding-bottom: who knew you had it in you?

I've built many responsive layouts in the last couple years and my achilles' heel has always been a fluid grid of (n) squares, or anything with a fixed aspect ratio.

Say you want a grid of movie posters to all line up evenly. You could start with setting up the x-axis:

.grid-item {

	$(function() {

	$(document).on('scrollstart', function() {
	console.log('scroll started')
	})

	$(document).on('scrollend', function() {
	console.log('scroll ended')
	})

	var request = require('request')
	, express = require('express')
	, app = express()

	var port = process.env.PORT \|\| 5000

	app.get('/api', function(req, res) {
	res.send('I am from the API')
	})

	var express = require('express'),
	app = express();

	var api = require('./api.js'),
	embeds = require('./sub-app-2.js');

	app.use(api);
	app.use(embeds);

	app.listen(3000);

	.highlight .hll { background-color: #ffffcc }
	.highlight { background: #323b3d; color: #bdd6db; background-color: #323b3d }
	.highlight .c { color: #537178; background-color: #323b3d } /* Comment */
	.highlight .err { color: #bdd6db; background-color: #323b3d } /* Error */
	.highlight .g { color: #bdd6db; background-color: #323b3d } /* Generic */
	.highlight .k { color: #b1e2f2; background-color: #323b3d } /* Keyword */
	.highlight .l { color: #bdd6db; background-color: #323b3d } /* Literal */
	.highlight .n { color: #bdd6db; background-color: #323b3d } /* Name */
	.highlight .o { color: #bdd6db; background-color: #323b3d } /* Operator */
	.highlight .x { color: #bdd6db; background-color: #323b3d } /* Other */