This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.
To capture the video (filesize: 19MB), using the free "QuickTime Player" application:
@include handhelds { | |
table.responsive { | |
width: 100%; | |
thead { | |
display: none; | |
} | |
tr { | |
display: block; | |
} | |
td, th { |
Locate the section for your github remote in the .git/config
file. It looks like this:
[remote "origin"]
fetch = +refs/heads/*:refs/remotes/origin/*
url = git@github.com:joyent/node.git
Now add the line fetch = +refs/pull/*/head:refs/remotes/origin/pr/*
to this section. Obviously, change the github url to match your project's URL. It ends up looking like this:
.slider { | |
/* set initial width */ | |
width: 520px; | |
/* hide the content that overflows (to allow second box to show through) */ | |
overflow: hidden; | |
display: inline-block; | |
/* skew container so that it has angled edge, and set up transition */ | |
transform: skewX(-20deg); |
tell application "System Events" | |
set frontmostProcess to name of first item of (processes whose frontmost is true) | |
tell process frontmostProcess | |
tell window 1 | |
set oldSize to get size | |
-- change + to - for shrinking | |
-- change 100 to 5 for fine-tune mode | |
set newWidth to (item 1 of oldSize) + 100 | |
set size to {newWidth, item 2 of oldSize} | |
end tell |
var parser = document.createElement('a'); | |
parser.href = "http://example.com:3000/pathname/?search=test#hash"; | |
parser.protocol; // => "http:" | |
parser.hostname; // => "example.com" | |
parser.port; // => "3000" | |
parser.pathname; // => "/pathname/" | |
parser.search; // => "?search=test" | |
parser.hash; // => "#hash" | |
parser.host; // => "example.com:3000" |
/** | |
* Vertical centering with Flexbox + margin fallback | |
* Lea Verou & David Storey | |
*/ | |
html, body { height: 100%; } | |
body { | |
width: 100%; /* needed for FF */ | |
margin: 0; |
presentation | |
.title('My Great Presentation') | |
.slide({ | |
title: 'Learn About Borders', | |
bullets: [ | |
'Thing 1', | |
'Thing 2', | |
], | |
code: ['path/to/file.css', [2,4]] // path to file, lines to grab |
/*! | |
An experiment in getting accurate visible viewport dimensions across devices | |
(c) 2012 Scott Jehl. | |
MIT/GPLv2 Licence | |
*/ | |
function viewportSize(){ | |
var test = document.createElement( "div" ); | |
test.style.cssText = "position: fixed;top: 0;left: 0;bottom: 0;right: 0;"; |
# ---------------------------------------------------------------------- | |
# Password protect staging server | |
# Use one .htaccess file across multiple environments | |
# (e.g. local, dev, staging, production) | |
# but only password protect a specific environment. | |
# ---------------------------------------------------------------------- | |
SetEnvIf Host staging.domain.com passreq | |
AuthType Basic | |
AuthName "Password Required" |