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:
[user] | |
name = Pavan Kumar Sunkara | |
email = pavan.sss1991@gmail.com | |
username = pksunkara | |
[init] | |
defaultBranch = master | |
[core] | |
editor = nvim | |
whitespace = fix,-indent-with-non-tab,trailing-space,cr-at-eol | |
pager = delta |
/* 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, | |
), | |
); |