Daniil Pokrovsky danii1

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:

Don't run as root.
For sessions, set httpOnly (and secure to true if running over SSL) when setting cookies.
Use the Helmet for secure headers: https://github.com/evilpacket/helmet
Enable csrf for preventing Cross-Site Request Forgery: http://expressjs.com/api.html#csrf
Don't use the deprecated bodyParser() and only use multipart explicitly. To avoid multiparts vulnerability to 'temp file' bloat, use the defer property and pipe() the multipart upload stream to the intended destination.

Install convmv if you don't have it

sudo apt-get install convmv

Convert all files in a directory from NFD to NFC:

convmv -r -f utf8 -t utf8 --nfc --notest .

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

	<!doctype html>

	<!-- http://taylor.fausak.me/2015/01/27/ios-8-web-apps/ -->

	<html>
	<head>
	<title>iOS 8 web app</title>

	<!-- CONFIGURATION -->

	server {
	# ...

	location / {
	proxy_set_header Accept-Encoding '';
	proxy_pass http://<NAME>.tumblr.com/;
	sub_filter http://<NAME>.tumblr.com/post /post;
	sub_filter_once off;
	}

	// This script will boot app.js with the number of workers
	// specified in WORKER_COUNT.
	//
	// The master will respond to SIGHUP, which will trigger
	// restarting all the workers and reloading the app.

	var cluster = require('cluster');
	var workerCount = process.env.WORKER_COUNT \|\| 2;

	// Defines what each worker needs to run

	configureDragDrop(registerType) {
	var imageThreshold = Math.max(120, window.innerHeight / 4),
	sectionThreshold = Math.max(140, window.innerHeight / 4),
	currentDY = 0,
	frame;

	function makeScrollingHandler(threshold) {
	function getScrollDY(clientY) {
	var speed;
	if (clientY < threshold) {

	import { Component } from "React";

	export var Enhance = ComposedComponent => class extends Component {
	constructor() {
	this.state = { data: null };
	}
	componentDidMount() {
	this.setState({ data: 'Hello' });
	}
	render() {

	# Credit http://stackoverflow.com/a/2514279
	for branch in `git branch -r \| grep -v HEAD`;do echo -e `git show --format="%ci %cr" $branch \| head -n 1` \\t$branch; done \| sort -r