Daniel Gutiérrez degt

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:

	console.log('Loading function');

	var doc = require('dynamodb-doc');
	var dynamo = new doc.DynamoDB();

	/**
	* Provide an event that contains the following keys:
	*
	* - operation: one of the operations in the switch statement below
	* - tableName: required for operations that interact with DynamoDB

	# The following script will deploy a Laravel 5 applicaion on AWS Elastic Beanstalk.
	# Add to .ebextensions at the root of your application and name your commands file (e.g., commands.config)

	# -------------------------------- Commands ------------------------------------
	# Use "commands" key to execute commands on the EC2 instance. The commands are
	# processed in alphabetical order by name, and they run before the application
	# and web server are set up and the application version file is extracted.
	# ------------------------------------------------------------------------------
	commands:
	01updateComposer:

	<?php
	/**
	* This exemple shows how to parse base64 encoded images (submitted using Summernote), save them locally
	* and replace the 'src' attribute in the submited HTML content
	*
	**/
	use Intervention\Image\ImageManagerStatic as Image;
	class PostController {

	public function edit(){

	<?php
	/*
	* An improvised Gist from
	* https://gist.github.com/zmsaunders/5619519
	* https://gist.github.com/garagesocial/6059962
	*/
	App::after(function($request, $response)
	{

	if(App::Environment() != 'local')

	;------------------------------------------------------------------------------
	; Generic mobile device sizes
	;------------------------------------------------------------------------------

	"mobile"

	"Android LDPI Small QVGA" 240 320 pixels 120 dpi RGB 8 1.0 white "none"
	"Android LDPI Normal WQVGA400" 240 400 pixels 120 dpi RGB 8 1.0 white "none"
	"Android LDPI Normal WQVGA432" 240 432 pixels 120 dpi RGB 8 1.0 white "none"
	"Android LDPI Extra Large" 1024 600 pixels 120 dpi RGB 8 1.0 white "none"

	h2 Hello World
	h3 Hello World
	:markdown
	This is some test markdown text
	we can even link to [stuff](http://google.com)

	ul.list
	- each i in data
	li=i.name

	module GoogleFontsHelper
	# generates a link tag for Google fonts
	# @param [Hash] fonts contains the font families and weights
	# @return [String] The generated link tag
	# @example Droid+Sans in weights 400 and 700, and Yanone+Kaffeesatz in 300 and 400
	# = google_fonts_link_tag :droid_sans => [400, 700], :yanone_kaffeesatz => [300, 400]
	def google_fonts_link_tag(fonts = {})
	family = fonts.inject([]) do \|result, (font, sizes)\|
	# convert font into a String
	font = font.to_s

	/*
	* A very basic rich text editor using jQuery and iframe designMode.
	*
	* In your HTML...
	* <input type="hidden" id="article_body" name="article[body]">
	* <iframe id="paste"></iframe>
	*/

	/*
	* NOTE: The order of writing and setting designMode is very important.