okbel okbel

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:

Step 0:

Get Homebrew installed on your mac if you don't already have it

Step 1:

Install highlight. "brew install highlight". (This brings down Lua and Boost as well)

Step 2:

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

	/**
	* An AngularJS directive for Dropzone.js, http://www.dropzonejs.com/
	*
	* Usage:
	*
	* <div ng-app="app" ng-controller="SomeCtrl">
	* <button dropzone="dropzoneConfig">
	* Drag and drop files here or click to upload
	* </button>
	* </div>

	window.onload = function () {
	if (typeof history.pushState === "function") {
	history.pushState("jibberish", null, null);
	window.onpopstate = function () {
	history.pushState('newjibberish', null, null);
	// Handle the back (or forward) buttons here
	// Will NOT handle refresh, use onbeforeunload for this.
	};
	}
	else {