Joseph Wain jpwain

Using Git to Manage a Live Web Site

Overview

As a freelancer, I build a lot of web sites. That's a lot of code changes to track. Thankfully, a Git-enabled workflow with proper branching makes short work of project tracking. I can easily see development features in branches as well as a snapshot of the sites' production code. A nice addition to that workflow is that ability to use Git to push updates to any of the various sites I work on while committing changes.

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:

	#!/bin/bash

	# A small script to change the color of mono-colored transparent .pngs
	#
	# Uses ImageMagick to read the most common 100% alpha color and then computes
	# scale factors to multiply the whole image by.
	#
	# Improvements to be made:
	# -deal with images containing pure black.
	# -make portable between new and old ImageMagick versions

	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8"/>
	<title></title>
	<!--[if lt IE 9]>
	<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	</head>
	<body>

	#!/usr/bin/env sh
	# Under WTPL 2
	# https://github.com/AdamN/python-webkit2png

	COMMITS=$(git log --format="%H" --reverse)
	OUTPUT_DIR="/tmp"

	i=0
	for commit in ${COMMITS}
	do

Joseph Wain jpwain

Using Git to Manage a Live Web Site

Overview

Contents

OS X Screencast to animated GIF

Instructions