Skip to content

Instantly share code, notes, and snippets.

View johnlindquist's full-sized avatar
💭
Eating a taco 🌮

John Lindquist johnlindquist

💭
Eating a taco 🌮
View GitHub Profile
import "@johnlindquist/kit"
const replaceAll = await npm('just-replace-all')
const leadingZeros = await npm('leading-zeros')
// Name:
/*
* Highlight the long video we are taking clips out of in Finder
*/
let longVideoFile = await getSelectedFile()
import "@johnlindquist/kit"
/*
* Highlight the long video we are taking clips out of in Finder
*/
let longVideoFiles = await drop()
/**
* Tell kit we want to be working in the same directory as the source file
*/
cd(path.dirname(longVideoFiles[0].path))
@johnlindquist
johnlindquist / .babelrc
Last active September 13, 2017 18:05
Boilerplate: hyperapp + jsx + webpack minimal
{
"presets": ["es2015"],
"plugins": [
[
"transform-react-jsx",
{
"pragma": "h"
}
]
]

Recording a Great Coding Screencast

The Screen

First and foremost a coding screencast is about the code, and we need to make sure it looks great. There are a few aspects to this that help ensure that is the case.

Resolution

720p is the target resolution. In pixel terms this is 1280x720. We've gotten the best results when we record at 2560x1440 in a HiDPI (pixel double) mode, giving an effective visible resolution of 1280x720, but extremely crisp. This resolution is achievable on 27" monitors and retina MBPs.