Nathan Logan nathanlogan

Resources for learning web design & front-end development:

ONLINE

Design

Launch Sublime Text 2 from the Mac OS X Terminal

Sublime Text 2 ships with a CLI called subl (why not "sublime", go figure). This utility is hidden in the following folder (assuming you installed Sublime in /Applications like normal folk. If this following line opens Sublime Text for you, then bingo, you're ready.

open /Applications/Sublime\ Text\ 2.app/Contents/SharedSupport/bin/subl

You can find more (official) details about subl here: http://www.sublimetext.com/docs/2/osx_command_line.html

Installation

Sublime Text Setup

NOTE: Your mileage may vary, depending on project, and/or perhaps you prefer a different IDE altogether.

The principles here are what we're shooting for, not necessarily that everything be used verbatim.

In the interest of automating code quality, and cutting down on the necessity for manual code reviews, we strongly urge each front-end developer to install these Sublime Text packages.

Babel
SublimeLinter

	iPad

	1024 × 690 In landscape on iOS 4.3
	1024 × 672 In landscape on iOS 5
	768 × 946 In portrait on iOS 4.3
	768 × 928 In portrait on iOS 5

	1024 × 660 Always showing bookmarks bar in landscape on iOS 4.3
	1024 × 644 Always showing bookmarks bar in landscape on iOS 5
	768 × 916 Always showing bookmarks bar in portrait on iOS 4.3

	// use like:
	// var sample1 = new SampleModel();
	// React.render(<SampleComponent model={sample1} />);

	define(["underscore", "backbone", "react"],
	function(_, Backbone, React) {
	"use strict";

	var SampleComponent = React.createClass({
	// Give us those sweet react console warnings if we don't pass the right props