Lucas Motta lucasmotta

Standard bindings

Move left between words: ⌥← | send escape sequence | b
Move right between words: ⌥→ | send escapes sequence | f
Start of the line: ⌘← | send escape sequence | [H
End of the line ⌘→ | send escape sequence | [F
Delete previous word ⌥←Delete | send hex code | 0x1B 0x08
Delete entire line ⌘←Delete | send hex code | 0x15

Don't forget the amazing icons ⌘ = command and ⌥ = options/alt (why oh why?).

Better local require() paths for Node.js

Problem

When the directory structure of your Node.js application (not library!) has some depth, you end up with a lot of annoying relative paths in your require calls like:

const Article = require('../../../../app/models/article');

Those suck for maintenance and they're ugly.

Possible solutions

Setup Mac OS X

I've done the same process every couple years since 2013 (Mountain Lion, Mavericks, High Sierra, Catalina) and I updated the Gist each time I've done it.

I kinda regret for not using something like Boxen (or anything similar) to automate the process, but TBH I only actually needed to these steps once every couple years...

Deploying a subfolder to GitHub Pages

Sometimes you want to have a subdirectory on the master branch be the root directory of a repository’s gh-pages branch. This is useful for things like sites developed with Yeoman, or if you have a Jekyll site contained in the master branch alongside the rest of your code.

For the sake of this example, let’s pretend the subfolder containing your site is named dist.

Step 1

Remove the dist directory from the project’s .gitignore file (it’s ignored by default by Yeoman).

OS X Screencast to animated GIF

This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.

Instructions

To capture the video (filesize: 19MB), using the free "QuickTime Player" application:

	#!/bin/sh


	# This shell script is used to bootstrap the app and update external libraries
	#
	# ====== IMPORTANT ======
	#
	# it may break application if 3rd party libs aren't backwards compatible
	# or if libs were edited locally, use with care !!!

	<!-- standard viewport tag to set the viewport to the device's width
	, Android 2.3 devices need this so 100% width works properly and
	doesn't allow children to blow up the viewport width-->
	<meta name="viewport" id="vp" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" />
	<!-- width=device-width causes the iPhone 5 to letterbox the app, so
	we want to exclude it for iPhone 5 to allow full screen apps -->
	<meta name="viewport" id="vp" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)" />
	<!-- provide the splash screens for iPhone 5 and previous -->
	<link href="assets/splashs/splash_1096.png" rel="apple-touch-startup-image" media="(device-height: 568px)">
	<link href="assets/splashs/splash_iphone_2x.png" rel="apple-touch-startup-image" sizes="640x960" media="(device-height: 480px)">

	CustomInfoWindow.prototype.panMap = function(marker, map) {
	var offsetX = 100
	var offsetY = 75
	var scale = Math.pow(2,map.getZoom())
	var center = map.getProjection().fromLatLngToPoint(marker.getPosition())
	var newCenterPoint = new google.maps.Point(
	center.x - offsetX/scale,
	center.y + offsetY/scale
	)

	// #### it's compilable -prefix-free
	// © 2011 Artem Sapegin http://sapegin.ru
	// + 2011 Grawl http://grawl.ru
	// + radial-gradient and other rules with vendor prefixes added by Grawl.
	// add your fixes to My table of vendor prefixes there: http://goo.gl/3hPfR
	/* mask:
	parameter()
	-webkit-parameter arguments
	-moz-parameter arguments
	-ms-parameter arguments

	Drop in replace functions for setTimeout() & setInterval() that
	make use of requestAnimationFrame() for performance where available
	http://www.joelambert.co.uk

	Copyright 2011, Joe Lambert.
	Free to use under the MIT license.
	http://www.opensource.org/licenses/mit-license.php