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:
| # vi: ft=dosini | |
| [user] | |
| name = Pavan Kumar Sunkara | |
| email = [email protected] | |
| username = pksunkara | |
| [core] | |
| editor = nvim | |
| whitespace = fix,-indent-with-non-tab,trailing-space,cr-at-eol | |
| pager = delta | |
| [column] |
| /* jslint browser:true, devel:true */ | |
| (function () { | |
| 'use strict'; | |
| if (typeof Element.prototype.matches !== 'function') { | |
| var proto = Element.prototype; | |
| var matches = proto.matches || | |
| proto.webkitMatchesSelector || | |
| proto.mozMatchesSelector || |
(by @andrestaltz)
If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.
| /** | |
| * Simple custom template literal that removes comments and whitespace in regex | |
| */ | |
| const regex = ({ raw }, ...substitutions) => | |
| new RegExp( | |
| String.raw( | |
| { raw: raw.map(v => v.replace(/\s+#.*$/gm, '').replace(/[\s\r\n]+/g, '')) }, | |
| ...substitutions, | |
| ), | |
| ); |