dergachev

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:

cobyism

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).

joestump

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

elliottkember

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

emdagon

# 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

awt2542

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) ->

harun

// 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";