David Hund davidhund

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:

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).

Each of these commands will run an ad hoc http static server in your current (or specified) directory, available at http://localhost:8000. Use this power wisely.

Discussion on reddit.

Python 2.x

$ python -m SimpleHTTPServer 8000

	/**
	* I converted the SCSS mixin to LESS for the awesome coders like myself in response to a blog post on 37Signals - http://37signals.com/svn/posts/3271-easy-retina-ready-images-using-scss
	*
	* Update: 2014-08-04 - Updated a long-standing bug where retina images were shown no matter what in the first background-image property.
	* - Updated retina media query to be more reliable ()
	* Update: 2013-11-13 - Picked up another technique thanks to reading this post from Tyler Tate, auto-fill in the second filename for the retina image, http://tylertate.com/blog/2013/06/11/retina-images-using-media-queries-and-LESS-CSS.html
	* Update: 2013-04-16 - Have recently found a few use cases when using a retina pattern from Subtle Patterns on the <body>, this has come in handy
	* Update: 2013-04-05 - Some research in the Wordpress Core(http://core.trac.wordpress.org/ticket/22238#comment:5) was pointed out that some tests may be redundant (Thanks @kbav) so I've cleaned these up
	* Update: 2012-12-29 - U

	@include handhelds {
	table.responsive {
	width: 100%;
	thead {
	display: none;
	}
	tr {
	display: block;
	}
	td, th {

	document.getElementsByClassName && (function(){
	var _URL = /(https?:\/\/gist.github.com\/[^?#]+)(\?file=([a-z0-9_.-]+))?/i;
	var gists = document.getElementsByClassName('gist');
	function embed(url, i, tag) {
	window['embed_gist_'+i] = function(gist) {
	var tmp = document.createElement('div');
	tmp.innerHTML = gist.div;
	tag.parentNode.replaceChild(tmp.firstChild, tag);
	var css = document.getElementsByClassName('gist_css');
	for(var i=0; i<css.length; i++) {

	# use `basename [suffix]` to do clever multiple renaming
	for file in *.html.pdf; do \
	mv "$file" "`basename $file .html.pdf`.pdf";
	done

	# remove "from" metadata from files on OS X
	xattr -d "com.apple.metadata:kMDItemWhereFroms" file

	# remove "quarantine" metadata from files on OS X
	xattr -d "com.apple.quarantine" file

	env = (function() {
	var flags = {}, ua = navigator.userAgent, el = document.createElement('div'), video = document.createElement('video'), audio = document.createElement('audio'), root = document.documentElement, i
	function flag(names) {
	names = names.split(' ')
	for (i = 0; i < names.length; i++)
	flags[names[i]] = true
	}
	function classnames() {
	var names = [], name
	for(name in flags) if (flags.hasOwnProperty(name))

	<?php

	/* Getting a JSON Facebook Feed
	==========================================================================

	1. Sign in as a developer at https://developers.facebook.com/

	2. Click "Create New App" at https://developers.facebook.com/apps

	3. Under Apps Settings, find the App ID and App Secret

	<!DOCTYPE html>
	<html class="no-js" lang="en">
	<head>
	<meta charset="utf-8">
	<title>Nav toggle</title>
	<meta name="viewport" content="width=device-width,initial-scale=1">
	</head>
	<body>
	<ol id="nav" class="closed">
	<li class="active"><a href="#">Home</a></li>