Matthew Bennett Lobstrosity

Lobstrosity / closure.js

Created October 30, 2010 21:04

	var createPerson = function(name) {
	var _name = name;

	return {
	getName: function() {
	return _name;
	}
	};
	};

Lobstrosity / modulePattern.1.js

Created October 30, 2010 21:05

	(function(module, undefined) {
	// Anything declared at this level is only accessible within this
	// function. Efectively, they will be the module's private variables.

	var _answer = 42;

	// The module's public interface is then defined by declaring variables on
	// the module variable that was passed in.

	module.getAnswer = function(question) {

Lobstrosity / modulePattern.2.js

Created October 30, 2010 21:06

	(function(m) {
	m.doStuff = function() {
	// TODO: Stuff
	};
	})(window.deeply.nested.module);

	window.deeply.nested.module.doStuff();

Lobstrosity / jqueryPluginPattern.1.js

Created November 8, 2010 00:08

	(function($) {
	$.fn.enable = function() {
	// Enable each selected element by removing its 'disabled' attribute.

	return this.each(function() {
	$(this).removeAttr('disabled');
	});
	};

	$.fn.disable = function() {

Lobstrosity / jqueryPluginPattern.2.js

Created November 8, 2010 00:10

	$.fn.disable = function() {
	return this.filter(':input').each(function() {
	$(this).attr('disabled', 'disabled');
	});
	};

Lobstrosity / cssMediaQueries.1.html

Created December 10, 2010 05:53

	<head>
	<link rel="stylesheet" href="base.css" />
	<link rel="stylesheet" href="mobile.css" media="max-width: 320px" />

	<!-- OR -->

	<style type="text/css">
	/* base styles go here */

	@media (max-width: 320px)

Lobstrosity / cssMediaQueries.2.html

Created December 10, 2010 06:00

	<!-- Common styles -->
	<link rel="stylesheet" href="base.css" />

	<!-- For tiny (most likely mobile) browsers -->
	<link rel="stylesheet" href="small.css" media="max-width: 320px" />

	<!-- For small desktop or large mobile browsers -->
	<link rel="stylesheet" href="medium.css"
	media="min-width: 321px and max-width: 799px" />

Lobstrosity / cssMediaQueries.3.html

Created December 10, 2010 06:00

Lobstrosity / cssMediaQueries.4.html

Created December 10, 2010 06:01

	#wrapper
	{
	-webkit-transition: width 0.2s ease-in-out;
	-moz-transition: width 0.2s ease-in-out;
	-o-transition: width 0.2s ease-in-out;
	transition: width 0.2s ease-in-out;
	}

Lobstrosity / jqueryTemplates.html

Created December 13, 2010 05:43

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<title>Templates Yay</title>
	</head>
	<body>
	<div id="music"></div>

	<script id="musicTemplate" type="text/x-jquery-tmpl">