Lydia Kats llkats

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:

start new:

tmux

start new with session name:

tmux new -s myname

git flow feature start <branchname>
starts a new branch

git commit -am "commit message"
make commits as usual

git pull
from master branch, pull in latest changes from the repo (repeat often)

git pull origin <branchname>

	<script type="text/javascript">
	(function () {
	"use strict";
	// once cached, the css file is stored on the client forever unless
	// the URL below is changed. Any change will invalidate the cache
	var css_href = './index_files/web-fonts.css';
	// a simple event handler wrapper
	function on(el, ev, callback) {
	if (el.addEventListener) {
	el.addEventListener(ev, callback, false);

	function fuck() {
	if killall -9 "$2"; then
	echo ; echo " (╯°□°）╯︵$(echo "$2"\|toilet -f term -F rotate)"; echo
	fi
	}

	/**
	* ReactJS: JavaScript like you've always done it.
	*
	* This example renders your top ten most followed friends/followers, `filter`ing
	* only your favorites, and putting a star on all verified accounts.
	*
	* With ReactJS, any time your data changes, the UI is always brought up to date
	* automatically. If friends length changes, or followCount - it always shows what
	* `render` describes.
	*/

	gifify() {
	if [[ -n "$1" ]]; then
	if [[ $2 == '--good' ]]; then
	ffmpeg -i $1 -r 10 -vcodec png out-static-%05d.png
	time convert -verbose +dither -layers Optimize -resize 600x600\> out-static*.png GIF:- \| gifsicle --colors 128 --delay=5 --loop --optimize=3 --multifile - > $1.gif
	rm out-static*.png
	else
	ffmpeg -i $1 -s 600x400 -pix_fmt rgb24 -r 10 -f gif - \| gifsicle --optimize=3 --delay=3 > $1.gif
	fi
	else

	jQuery Touch Gestures ported from QUOjs

	@see http://quojs.tapquo.com/


	Version 1.1

	-- @add singleTap event
	-- @fix doubleTap event
	-- @fix hold event

	{
	// --------------------------------------------------------------------
	// JSHint Configuration, Strict Edition
	// --------------------------------------------------------------------
	//
	// This is a options template for [JSHint][1], using [JSHint example][2]
	// and [Ory Band's example][3] as basis and setting config values to
	// be most strict:
	//
	// * set all enforcing options to true

	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<title> - jsFiddle demo</title>

	<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/mootools/1.4.1/mootools-nocompat.js'></script>

	<link rel="stylesheet" type="text/css" href="/css/normalize.css">
	<link rel="stylesheet" type="text/css" href="/css/result-light.css">