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:
#!/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 |
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.
$ mkdir sass_gulp_workshop
cd
into the new directory$ npm init --yes
$ npm install -D gulp gulp-sass browser-sync
package.json
's scripts
section with this key-value pair: "scripts": { "dev": "gulp" }
public
(directory)
css
(directory)index.html
(file)