Lance Roggendorff lroggendorff

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.

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

	#!/bin/bash

	while :
	do
	clear
	git --no-pager log --graph --pretty=oneline --abbrev-commit --decorate --all $*
	sleep 1
	done

	// this code WON'T be run again with resize or orientationchange

	// to start the snowflakes
	var oncomplete = function() { snowflakes = new Snowflakes('container','snowflakesContainer'); snowflakes.create(40); };

	// set-up breakpoints
	Modernizr.load([
	{ test: Modernizr.mq('only screen and (min-width: 320px)'), yep: 'css/320.css' },
	{ test: Modernizr.mq('only screen and (min-width: 600px)'), yep: 'css/600.css' },
	{ test: Modernizr.mq('only screen and (min-width: 600px)') && Modernizr.indexeddb, yep: 'css/600.indexeddb.css' },

	<script type="text/javascript">
	// Save the hash the user loaded the page with
	var page = (location.hash) ? location.hash : '';

	// When you instantiate the jQTouch object, it will revert the hash to the top div on the page or the div with class="current"
	$jQT = new $.jQTouch({
	icon: 'jqtouch.png',
	statusBar: 'black-translucent',
	preloadImages: [
	'themes/jqt/img/chevron_white.png',