Joseph Wain jpwain

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:

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.

Create a new temp project

$ mkdir sass_gulp_workshop
cd into the new directory
Initialize NPM: $ npm init --yes
Install gulp and gulp-sass packages: $ npm install -D gulp gulp-sass browser-sync
Update package.json's scripts section with this key-value pair: "scripts": { "dev": "gulp" }
Recreate this file structure in this directory:

public (directory)
- css (directory)
- index.html (file)

	#!/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

	<!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>

	#!/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