Justin Maxwell jkmaxwell

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:

	$debug: true
	=debug-display($debugText)
	@if $debug == true
	&::before
	content: '#{$debugText}'

	/* iPads (portrait and landscape) -----------

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
	+debug-display('iPads (portrait and landscape)')

	{
	"requireCapitalizedConstructors": true,
	"requireMultipleVarDecl": true,
	"disallowEmptyBlocks": true,
	"disallowSpaceAfterObjectKeys": true,
	"requireCommaBeforeLineBreak": true,
	"requireParenthesesAroundIIFE": true,
	"disallowKeywords": [
	"with"
	],