Michael Lajlev lajlev

Setup

First of all, you need to have a gh-pages. If you don't have, create:

git branch gh-pages

This makes a branch based on the master HEAD. It would be okay but the files and the git history of master branch are not meaningful on gh-pages branch.

Troubleshooting Valet on Sierra

Common Problems

Problem: I just see "It works!"

Apache is running on port 80 and interfering with Valet.

Stop Apache: sudo /usr/sbin/apachectl stop
Restart Valet: valet restart

My notes for Dokku on Digital Ocean.

These may be a bit outdated: Since I originally wrote them, I've reinstalled on a newer Dokku and may not have updated every section below.

Commands

Install dokku-cli (gem install dokku-cli) for a more Heroku-like CLI experience (dokku config:set FOO=bar).

# List/run commands when not on Dokku server (assuming a "henroku" ~/.ssh/config alias)

ssh henroku dokku

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:

	# Taps
	tap 'homebrew/cask-fonts'
	tap 'homebrew/cask-versions'
	tap 'heroku/brew'

	# Install CLI Tools
	## Shell Utilities
	brew 'coreutils'
	brew 'findutils'
	brew 'autojump'

	-- AppleScript to create a new file in Finder
	--
	-- Use it in Automator, with the following configuration:
	-- - Service receives: no input
	-- - In: Finder.app
	--
	-- References:
	-- - http://apple.stackexchange.com/a/129702
	-- - http://stackoverflow.com/a/6125252/2530295
	-- - http://www.russellbeattie.com/blog/fun-with-the-os-x-finder-and-applescript

	/*

	Minimal Facebook Messenger
	==========================

	1. Make a Fluid (http://fluidapp.com/) instance of https://facebook.com/messages/
	1. a. (You need to buy the paid version of Fluid to modify UserStyles)
	2. Apply the below CSS as a Userstyles stylesheet
	3. Like magic, you can now message without all the cruft of Full Facebook

	<script id="if_equals_example" type="text/x-handlebars-template">
	{{#if_equals objectType 'message'}}
	<div class="message">
	Message
	</div>
	{{else}}

	{{/if_equals}}
	</script>

	// # Block Grid
	//
	// Technique adapted from Foundation 5 for Bootstrap 3.0.3 to at least 3.3.1.
	// https://github.com/zurb/foundation/blob/f755d8704123f86c281ede0b171881e2672f150d/scss/foundation/components/_block-grid.scss
	//
	// # Example Usage
	//
	// To produce a grid of 2 items per row on an extra-small screen, and 3 items
	// per row on a small screen:
	//