Erik Mulder redlumE01

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:

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	</head>

	/*
	* Load contacts and filter by categories.
	*/
	( function() {
	'use strict';

	// Variables.
	const filterForm = document.getElementById( 'filter-contacts' );
	const contactWrapper = document.getElementById( 'contact-section' );
	const htmlOutput = document.getElementById( 'js-contact-replace' );

	<?php

	ini_set('display_errors', 1);
	ini_set('display_startup_errors', 1);
	error_reporting(E_ALL);

	$database = 'db';
	$user = 'user';
	$pass = 'pass';
	$host = 'localhost';