Andrew Liebchen andrewliebchen

San Francisco by Foot

You can start anywhere in the Castro, Mission (home of the burrito), or downtown. I'd recommend starting at Chow at Market & Church or The Pork Store on 16th at Valencia. If you wanted to go upscale on the weekend, Maverick at 17th and Mission is a fantastic brunch. Another option is to start in Chinatown (just north of Union Squre) for dim sum.
From Castro take one of the N, J, etc. trains (every light rail train route in the city intersects at Church and Market) down to the Powell Street station. From the Mission you can take BART a couple of stops up to Powell Street.
Once at Powell Street hop on the Powell Street trolley. A quintessential SF experience.
Take the trolley up through the city where it will eventually stop at Lombard Street, which is known as the most crooked street in the world. Walk down the hill, take a few pictures and laugh at the tourists trying to drive down the damn thing.
Once at the bottom of the hill, turn left. You'll be walking towards the w

Deploying a subfolder to GitHub Pages

Sometimes you want to have a subdirectory on the master branch be the root directory of a repository’s gh-pages branch. This is useful for things like sites developed with Yeoman, or if you have a Jekyll site contained in the master branch alongside the rest of your code.

For the sake of this example, let’s pretend the subfolder containing your site is named dist.

Step 1

Remove the dist directory from the project’s .gitignore file (it’s ignored by default by Yeoman).

OS X Screencast to animated GIF

This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.

Instructions

To capture the video (filesize: 19MB), using the free "QuickTime Player" application:

	// Simulate a call to Dropbox or other service that can
	// return an image as an ArrayBuffer.
	var xhr = new XMLHttpRequest();

	// Use JSFiddle logo as a sample image to avoid complicating
	// this example with cross-domain issues.
	xhr.open( "GET", "http://fiddle.jshell.net/img/logo.png", true );

	// Ask for the result as an ArrayBuffer.
	xhr.responseType = "arraybuffer";

	Layer::isOverlapping = (targetLayer, offset = 0) ->
	if @screenFrame.x + @width + offset >= targetLayer.screenFrame.x &&
	@screenFrame.x - offset <= targetLayer.screenFrame.x + targetLayer.width &&
	@screenFrame.y + @height + offset >= targetLayer.screenFrame.y &&
	@screenFrame.y - offset <= targetLayer.screenFrame.y + targetLayer.height
	true
	else
	false

	Layer::isInside = (targetLayer, offset = 0) ->

	# see https://github.com/reactjs/react-meteor
	# and https://github.com/jhartma/meteor-cjsx

	@IncludeTemplate = React.createClass

	componentDidMount: () ->
	componentRoot = React.findDOMNode(@)
	parentNode = componentRoot.parentNode
	parentNode.removeChild(componentRoot);
	Blaze.render @props.template, parentNode

	EventEmitter = (require?("./EventEmitter") \|\| Framer).EventEmitter

	class AppStateMachine extends EventEmitter

	constructor: ->
	@states = []

	# Start the state machine with the document's hash, or the given route
	start: (name) ->
	@go if document.location.hash then document.location.hash[1..-1] else name