Winston Hughes hughker

Intro

Setup GitHub Pages "gh-pages" branch as a subfolder within the "master" project on your local checkout.

IMPORTANT

If you plan on switching between different branches (e.g. git checkout master-experiment then revert back with git checkout master) you will loose your child folder from this tutorial (because it's in your .gitignore and is not part of your master branch).

This will enable Sass+Compass with LiveReload through Guard. (Guard screen cast)

You will also need a browser component to communicate with LiveReload. (browser extension, livereload.js)

If you prefer going through a GUI, that option is available. The following instructions is specific to Mac OS X and it works through the command line.

Note that this is not specific to Rails projects. This can work for any standalone front-end project.

Instructions

Moving from jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})

tmux shortcuts & cheatsheet

start new:

tmux

start new with session name:

tmux new -s myname

	git stash # Stash changes if any
	git symbolic-ref HEAD refs/heads/${NEW_BRANCH} # Change head to a new, non-existing ref
	git rm -rf . # Delete files from version control and working directory
	rm -r . # Delete files from file system
	git commit --allow-empty -m "Created new branch ${NEW_BRANCH}" # Commit changes in the new branch

	// ==UserScript==
	// @name UTM param stripper
	// @author Paul Irish
	// @namespace http://github.com/paulirish
	// @version 1.2
	// @description Drop the UTM params from a URL when the page loads.
	// @extra Cuz you know they're all ugly n shit.
	// @include http://
	// ==/UserScript==

	#!/bin/bash

	# Script to backup git repo to S3
	# Set bucket, dir, password and account to use for the backup. I keep mine in local env vars
	# These are set by localrc which lives on an encrypted home directory and is executed by my bashrc
	bucket=$GITHUB_BACKUP_BUCKET
	dir=$GITHUB_BACKUP_DIR
	password=$GITHUB_BACKUP_PASSWORD
	account=$GITHUB_ACCOUNT

	require 'mini_magick'

	class ImageResizer

	attr_accessor :height, :width, :padding, :stretch, :grayscale

	def initialize(path)
	@image = MiniMagick::Image.open(path)
	end

	details, summary {display: block;}
	details:not([open]) > :not(summary) {display: none;}