Nick Hall nhall

Git Cheat Sheet

Commands

Getting Started

git init

or

mkdown

What is this?

Mkdown renders Markdown GitHub gists with alternative CSS. Use it to elegantly share gists written in Markdown.

How do I use this?

To create your own mkdown URL, append the gist ID in a URL of the form: http://mkdown.com/{GIST ID}. The gist ID is the string at the end of a gist URL.

jquery.scrollLock.js

Useful for when a blocking user experience is needed (in my case, didn't want people unwittingly loosing their place by scrolling while a modal required their attention): $.scrollLock() locks the body in place, preventing scroll until it is unlocked.

// Locks the page if it's currently unlocked
$.scrollLock();

// ...or vice versa

How to fix blurry fonts on some external monitors when using MacBook Pro Retina

It seems that graphcis and fonts look rather blurry on some monitors when hooked up to a MacBook Pro (Retina). This might fix the issue for you:

Download patch-edid.rb from http://embdev.net/attachment/168316/patch-edid.rb
Execute in Terminal (without the $):

$ ruby patch-edid.rb
Copy produced folder (example: DisplayVendorID-22f0) to /System/Library/Displays/Overrides (authorize if needed, if the folder exists, backup it before)

Multiple SSH Keys settings for different github account

create different public key

create different ssh key according the article Mac Set-Up Git

$ ssh-keygen -t rsa -C "[email protected]"

NOTE I now use the conventions detailed in the SUIT framework

Template Components

Used to provide structural templates.

Pattern

t-template-name

	// Initialize the Sass variables and partials used in this project.

	// Set the legacy IE support variables. We override the default values set by
	// the compass/support partial, but let styles-ie8.scss override these values.
	$legacy-support-for-ie6 : false !default;
	$legacy-support-for-ie7 : false !default; // Note the use of !default.
	$legacy-support-for-ie8 : false !default;


	// Partials to be shared with all .scss files.

	* {
	/* makes border and padding grow inward from width & height
	- mix-and-match units for various box model properties
	- ex. width: 25%; padding: 15px;
	- no workie in IE7
	*/
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	/* hiding overflow creates a block formatting context

	// Still need to work out how to combine rules for numbers
	// that share a greatest common factor without the unit-builder
	// actually containing the fraction to which they can both be
	// reduced.

	// Calculate the greatest common factor of two integers
	@function gcf($a, $b) {
	@if $b == 0 {
	@return $a;
	}

	<figure class="quote">
	<blockquote>It is the unofficial force—the Baker Street irregulars.</blockquote>
	</figure>