Patrick Kim patrickskim

Creating a Happy Git Environment on OS X

brew install git bash-completion

Configure things:

git config --global user.name "Your Name"

git config --global user.email "[email protected]"

post.html.eco used for displaying prev and next page links on your current page (static site friendly)
posts.html.eco used for displaying a content listing, that is split up onto multiple pages (requires dynamic site)
paged plugin used for splitting a document into a different pages, very neat (static site friendly)

	sub, sup {
	/* Specified in % so that the sup/sup is the
	right size relative to the surrounding text */
	font-size: 75%;

	/* Zero out the line-height so that it doesn't
	interfere with the positioning that follows */
	line-height: 0;

	/* Where the magic happens: makes all browsers position

	* {
	-webkit-touch-callout:none; /* prevent callout to copy image, etc when tap to hold */
	-webkit-text-size-adjust:none; /* prevent webkit from resizing text to fit */
	-webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent tap highlight color / shadow */
	-webkit-user-select:none; /* prevent copy paste, to allow, change 'none' to 'text' */
	}

	# autoload concerns
	module YourApp
	class Application < Rails::Application
	config.autoload_paths += %W(
	#{config.root}/app/controllers/concerns
	#{config.root}/app/models/concerns
	)
	end
	end

	iPad

	1024 × 690 In landscape on iOS 4.3
	1024 × 672 In landscape on iOS 5
	768 × 946 In portrait on iOS 4.3
	768 × 928 In portrait on iOS 5

	1024 × 660 Always showing bookmarks bar in landscape on iOS 4.3
	1024 × 644 Always showing bookmarks bar in landscape on iOS 5
	768 × 916 Always showing bookmarks bar in portrait on iOS 4.3

	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>App Redirection</title>
	</head>
	<body>
	<!--
	NOTE: This was a great hack in days gone by, but now both Apple and Google have improved their support for custom
	protocol handlers.

	<!doctype html>
	<html lang="en">
	<head>

	<!-- Meta -->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Css3 Fold Effect</title>

	//==== Simple SCSS mixin to create CSS triangles
	//==== Example: @include css-triangle ("up", 10px, #fff);
	@mixin css-triangle ($direction: "down", $size: 20px, $color: #000) {
	width: 0;
	height: 0;
	border-left: $size solid #{setTriangleColor($direction, "left", $color)};
	border-right: $size solid #{setTriangleColor($direction, "right", $color)};
	border-bottom: $size solid #{setTriangleColor($direction, "bottom", $color)};
	border-top: $size solid #{setTriangleColor($direction, "top", $color)};
	}