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:
| <script type="text/javascript"> | |
| (function () { | |
| "use strict"; | |
| // once cached, the css file is stored on the client forever unless | |
| // the URL below is changed. Any change will invalidate the cache | |
| var css_href = './index_files/web-fonts.css'; | |
| // a simple event handler wrapper | |
| function on(el, ev, callback) { | |
| if (el.addEventListener) { | |
| el.addEventListener(ev, callback, false); |
| var subpixelWordSpacing = false; | |
| if (document.defaultView && document.defaultView.getComputedStyle) { | |
| // Store the original word spacing on the document element | |
| var originalWordSpacing = document.defaultView.getComputedStyle(document.documentElement, null).wordSpacing; | |
| // Set the word-spacing to half a pixel | |
| document.documentElement.style.wordSpacing = '0.5px'; | |
| // This will return either 0px or 1px if sub-pixel word-spacing is not supported, otherwise |