Beautiful Patterns

The default pattern

function setName(name) { = name || 'Adam';

Screen Share


Automate and enhance your workflow

Here’s some of the sweet stuff you try out with this repo.

  • Compile CoffeeScript (with source maps!)
  • Compile Handlebars Templates
  • Compile SASS with Compass
  • LiveReload
  • require non-CommonJS code, with dependencies
  • Set up module aliases
  • Run a static Node server (with logging)
  • Pop open your app in a Browser
  • Report Errors through Notification Center
  • Image processing



A package manager for the web

Web sites are made of lots of things — frameworks, libraries, assets, utilities, and rainbows. Bower manages all these things for you.

Bower works by fetching and installing packages from all over, taking care of hunting, finding, downloading, and saving the stuff you’re looking for. Bower keeps track of these packages in a manifest file, bower.json. How you use packages is up to you. Bower provides hooks to facilitate using packages in your tools and workflows.

Bower is optimized for the front-end. Bower uses a flat dependency tree, requiring only one version for each package, reducing page load to a minimum.

Google JavaScript Style Guide


Job Library
Utilities underscore
Datetime momentjs
String sprintf

Command Line

bower install jquery underscore moment sprintf -S


<script src="./bower_components/moment/moment.js"></script>
<script src="./bower_components/underscore/underscore.js"></script>
<script src="./bower_components/sprintf/src/sprintf.js"></script>

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s