David Chase davidchase

Keep My Width

A nice article by Paul Irish read here.

It talks about keeping width the same on all elements without affecting performance regardless of adding padding.

One simple line of CSS and your back on track as long as you are dealing with IE8 + or other browsers.

ETags: a pretty sweet feature of HTTP 1.1

HTTP caching review

HTTP provides two ways for servers to control client-side caching of page components:

freshness may be based on a date or a token whose meaning is app-specific
whether or not the client needs to confirm the cached version is up-to-date with the server

This breaks down as follows:

Cache locally and don't check before using.

This article has been given a more permanent home on my blog. Also, since it was first written, the development of the Promises/A+ specification has made the original emphasis on Promises/A seem somewhat outdated.

You're Missing the Point of Promises

Promises are a software abstraction that makes working with asynchronous operations much more pleasant. In the most basic definition, your code will move from continuation-passing style:

getTweetsFor("domenic", function (err, results) {
 // the rest of your code goes here.

Moving from jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})

tmux cheatsheet

As configured in my dotfiles.

start new:

tmux

start new with session name:

	/*
	Created by: Miguel Garcia <[email protected]>
	Date: 2013
	Github: miguelgr

	These keybindings are personalized in order to optimize the working time avoiding
	using the mouse

	They work with the following packages:

	/* The Grid ---------------------- */
	.lt-ie9 .row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; }
	.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
	.lt-ie9 .row.large-collapse .column,
	.lt-ie9 .row.large-collapse .columns { padding: 0; }
	.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
	.lt-ie9 .row .row.large-collapse { margin: 0; }

	.lt-ie9 .column, .lt-ie9 .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
	.lt-ie9 .column.large-centered, .columns.large-centered { float: none; margin: 0 auto; }

	// use for patterns:
	// gmail.com
	// mail.google.com
	// google.commail*

	window.fluid.dockBadge = '';
	setTimeout(updateDockBadge, 3000);
	setInterval(updateDockBadge, 15000);

	function updateDockBadge() {

	function go() {
	var userId = prompt('Username?', 'Guest');
	checkIfUserExists(userId);
	}

	var USERS_LOCATION = 'https://SampleChat.firebaseIO-demo.com/users';

	function userExistsCallback(userId, exists) {
	if (exists) {
	alert('user ' + userId + ' exists!');

	o.......Open files, directories and bookmarks....................\|NERDTree-o\|
	go......Open selected file, but leave cursor in the NERDTree.....\|NERDTree-go\|
	t.......Open selected node/bookmark in a new tab.................\|NERDTree-t\|
	T.......Same as 't' but keep the focus on the current tab........\|NERDTree-T\|
	i.......Open selected file in a split window.....................\|NERDTree-i\|
	gi......Same as i, but leave the cursor on the NERDTree..........\|NERDTree-gi\|
	s.......Open selected file in a new vsplit.......................\|NERDTree-s\|
	gs......Same as s, but leave the cursor on the NERDTree..........\|NERDTree-gs\|
	O.......Recursively open the selected directory..................\|NERDTree-O\|
	x.......Close the current nodes parent...........................\|NERDTree-x\|