Gabo Esquivel gaboesquivel

Sublime Text 2 – Useful Shortcuts (Mac OS X)

General

⌘T	go to file
⌘⌃P	go to project
⌘R	go to methods
⌃G	go to line
⌘KB	toggle side bar
⌘⇧P	command prompt

What is your folder-structure preference for a large-scale Node.js project?

0: Starting from Rails

This is the reference point. All the other options are based off this.

|-- app
|   |-- controllers
|   |   |-- admin

Responsive layouts in stylus

Why this way?

There is no span1..15 styles, instead your css defines your layout and your html remains semantic and not polluted with display information. As it should be.
The markup is incredibly easy, you specify the wrappers width, and then each columns width in percentages. Every other grid framework I've found is incredibly complicated with this.
It allows you to have the exact same markup, and completely different styles for different devices, resolutions, stylesheets, whatever. As it should be.

##References

##Create Rails App

command to make new directory:

mkdir AppName

High level style in javascript.

Opinions are like assholes, every one has got one.

This one is mine.

Punctuation: who cares?

Punctuation is a bikeshed. Put your semicolons, whitespace, and commas where you like them.

Setting up and installing rbenv, ruby-build, rubies, rbenv-gemset, and bundler

This guide enables you to install (ruby-build) and use (rbenv) multiple versions of ruby, isolate project gems (gemsets and/or bundler), and automatically use appropriate combinations of rubies and gems.

TL;DR Demo

# Ensure system is in ship-shape.

aptitude install git zsh libssl-dev zlib1g-dev libreadline-dev libyaml-dev

	/**
	* 3D Now In Beta Ribbon
	*/

	/*@font-face {
	font-family: Collegiate;
	src: url("Collegiate.ttf");
	}*/

	.ribbon-holder {

	function debugAccess(obj, prop, debugGet){

	var origValue = obj[prop];

	Object.defineProperty(obj, prop, {
	get: function () {
	if ( debugGet )
	debugger;
	return origValue;
	},

	!!!
	html
	head
	title= title
	link(rel='stylesheet', href='/bootstrap.css')
	link(rel='stylesheet', href='/bootstrap-responsive.css')

	body
	div.navbar.navbar-fixed-top
	div.navbar-inner

	Un url shortener. Tipo Bitly.
	-----------------------------

	HTML
	----

	Me meto al sitio y tengo un formulario con un campo, que solo tiene un campo, la url.

	Pongo una url, le doy submit y por medio de AJAX (sin reload) se me muestra la url corta.