Wei Zhu yesmeck

Screencasting Framework

The following document is a written account of the Code School screencasting framework. It should be used as a reference of the accompanying screencast on the topic.

Why you should care about screencasting?

You're probably aren't going to take the time to read this document if you're not interested, but there are a lot of nice side effects caused by learning how to create quality screencasts.

Communicating more effectively - At Envy Labs we produce screencasts for our clients all the time. Whether it's demoing a new feature or for a presentation for an invester, they're often much more effective and pleasent than a phone call or screen sharing.

Step 0:

Get Homebrew installed on your mac if you don't already have it

Step 1:

Install highlight. "brew install highlight". (This brings down Lua and Boost as well)

	#!/bin/sh
	# Use socat to proxy git through an HTTP CONNECT firewall.
	# Useful if you are trying to clone git:// from inside a company.
	# Requires that the proxy allows CONNECT to port 9418.
	#
	# Save this file as gitproxy somewhere in your path (e.g., ~/bin) and then run
	# chmod +x gitproxy
	# git config --global core.gitproxy gitproxy
	#
	# More details at http://tinyurl.com/8xvpny

	=Navigating=
	visit('/projects')
	visit(post_comments_path(post))

	=Clicking links and buttons=
	click_link('id-of-link')
	click_link('Link Text')
	click_button('Save')
	click('Link Text') # Click either a link or a button
	click('Button Value')

	module AdsenseHelper

	# Author: Tomasz Mazur ([email protected])
	# http://www.mydigitallife.info/2009/01/17/google-adsense-legacy-old-generation-code-reference-generate-and-get/
	# :slot
	# :theme
	# :background
	# :border
	# :link
	# :text

	doctype html
	/[if lt IE 7]
	\| <html class="ie6">
	/[if IE 7]
	\| <html class="ie7">
	/[if IE 8]
	\| <html class="ie8">
	/[if IE 9]
	\| <html class="ie9">
	\| <!--[if (gte IE 9)\|!(IE)]<!--> <html> <!--<![endif]-->

	#!/bin/sh
	# SPDX-License-Identifier: MIT

	## Copyright (C) 2011 Przemyslaw Pawelczyk <[email protected]>
	##
	## This script is licensed under the terms of the MIT license.
	## https://opensource.org/licenses/MIT
	#
	# Usage: gitio URL [CODE]
	#

	### UPDATE: ruby-debuy19 is no longer maintained, use https://github.com/cldwalker/debugger

	# Install with:
	# bash < <(curl -L https://raw.github.com/gist/1333785)
	#
	# Reference: http://blog.wyeworks.com/2011/11/1/ruby-1-9-3-and-ruby-debug

	echo "Installing ruby-debug with ruby-1.9.3-p0 ..."

	curl -OL http://rubyforge.org/frs/download.php/75414/linecache19-0.5.13.gem

	#!/bin/sh
	# PHP CodeSniffer pre-receive hook for git

	PHPCS_BIN="/usr/bin/phpcs"
	PHPCS_CODING_STANDARD="PEAR"
	# use coding standart dir from local repo
	PHPCS_DIR_LOCAL=0

	TMP_DIR=$(mktemp -d --tmpdir phpcs-pre-receive-hook.XXXXXXXX)
	mkdir "$TMP_DIR/source"

	function nestCollection(model, attributeName, nestedCollection) {
	//setup nested references
	for (var i = 0; i < nestedCollection.length; i++) {
	model.attributes[attributeName][i] = nestedCollection.at(i).attributes;
	}
	//create empty arrays if none

	nestedCollection.bind('add', function (initiative) {
	if (!model.get(attributeName)) {
	model.attributes[attributeName] = [];

Wei Zhu yesmeck

Screencasting Framework

Why you should care about screencasting?

Step 0:

Step 1:

Step 2: