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:
| // Maintain ratio mixin. Great for responsive grids, or videos. | |
| // https://gist.github.com/brianmcallister/2932463 | |
| // | |
| // $ratio - Ratio the element needs to maintain. | |
| // | |
| // Examples | |
| // | |
| // // A 16:9 ratio would look like this: | |
| // .element { | |
| // @include maintain-ratio(16 9); |
| /* | |
| * This work is free. You can redistribute it and/or modify it under the | |
| * terms of the Do What The Fuck You Want To Public License, Version 2, | |
| * as published by Sam Hocevar. See the COPYING file for more details. | |
| */ | |
| /* | |
| * Easing Functions - inspired from http://gizma.com/easing/ | |
| * only considering the t value for the range [0, 1] => [0, 1] | |
| */ | |
| EasingFunctions = { |
| <?php | |
| /* Author: Peter Nelson / @_peterdn - controllers\url.php | |
| * The main controller for the site. */ | |
| class Url extends Controller | |
| { | |
| public function Url() | |
| { | |
| parent::Controller(); | |
| $this->load->helper("url"); |