Jared plainspace

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:

PLEASE DO NOT USE THIS. See http://userium.com/ instead.

Usability Checklist

User Experience

Personalized features. Currency, language, country specific deals, taxes, or delivery options are changed based on user's location.
Registering provides value to users. For example a "Free Trial" button communicates a clear benefit, but a "Register" button doesn't. Unnecessary registration is avoided.

a simple git branching model (written in 2013)

This is a very simple git workflow. It (and variants) is in use by many people. I settled on it after using it very effectively at Athena. GitHub does something similar; Zach Holman mentioned it in this talk.

Update: Woah, thanks for all the attention. Didn't expect this simple rant to get popular.

NOTE: the list has moved to https://github.com/sketchplugins/plugin-directory

Sketch Plugins

A list of Sketch plugins hosted at GitHub, in no particular order.

brandonbeecroft/Lorem-Ipsum-Plugin-for-Sketch This is a plugin for quickly creating Lorem Ipsum text in Sketch
sebj/Sketch Templates and Plugins for Sketch by Bohemian Coding
FredericJacobs/crop_Artboard A script to export the Sketch App artboards to the clipboard
almonk/SketchGit A simple Git client built right into Sketch.

	/**
	*
	* Here's a thing that will look through all the text nodes of a document, and
	* upon encountering an emoji codepoint, will replace it with an image.
	* For now, those images are pulled from GitHub, which isn't very nice, so I
	* need to find a more suitable host.
	*
	* Much of this code was gleaned from staring at the minified GitHub JS.
	*
	* Copyright (c) 2013 Mark Wunsch. Licensed under the MIT License.

	var margin = 15;

	S.cfga({
	"defaultToCurrentScreen" : true,
	"secondsBetweenRepeat" : 0.1,
	"checkDefaultsOnLoad" : true,
	"focusCheckWidthMax" : 3000
	});

	// Create Operations

	// ==================================================================
	// Flexbox
	//
	// Implementation based on Chris Coyier's article:
	// Using Flexbox: Mixing Old and New for the Best Browser Support \|\| http://css-tricks.com/using-flexbox/
	// ==================================================================

	// Flexbox Context (applied to container element of flex items)
	@mixin flex-display {
	@include experimental-value(display, box, -moz, -webkit, not -o, -ms, not -khtml, official); // Old

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	<html>

	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Single-Column Responsive Email Template</title>

	<style>
	@media only screen and (min-device-width: 541px) {
	.content {

	#!/usr/bin/ruby
	# Create display override file to force Mac OS X to use RGB mode for Display
	# see http://embdev.net/topic/284710

	require 'base64'

	data=`ioreg -l -d0 -w 0 -r -c AppleDisplay`

	edids=data.scan(/IODisplayEDID.*?<([a-z0-9]+)>/i).flatten
	vendorids=data.scan(/DisplayVendorID.*?([0-9]+)/i).flatten

	[
	{
	"event": "send",
	"msg": {
	"ts": 1365109999,
	"subject": "This an example webhook message",
	"email": "example.webhook@mandrillapp.com",
	"sender": "example.sender@mandrillapp.com",
	"tags": [
	"webhook-example"