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:
var NO_OP = function(){}; | |
// randomly choose one of dribbble's popular shots | |
// keep choosing until we get one with comments | |
var getRandomShotId = function( callback ){ | |
var getRandomShot = function( shots ){ | |
var random_index = Math.floor(Math.random()*shots.length); | |
var shot = shots[random_index]; | |
if( shot.comments_count === 0 ){ | |
return getRandomShot( shots ); |
// | |
// What Javascript is Made of | |
// It ain't sugar, spice, and everything nice, but it'll do | |
// | |
/////////////////////////////////////////////////////////////////////////////////////// | |
// Variables | |
// Javascript is reference based, meaning that variables only ever point to a piece of data. Defining a variable lets you use a piece of data elsewhere. |
@font-face { | |
font-family: 'EntypoRegular'; | |
src: url('font/entypo.eot'); | |
src: url('font/entypo.eot?#iefix') format('embedded-opentype'), | |
url('font/entypo.woff') format('woff'), | |
url('font/entypo.ttf') format('truetype'), | |
url('font/entypo.svg#EntypoRegular') format('svg'); | |
font-weight: normal; | |
font-style: normal; | |
} |
$contrasted-default-dark: #000; | |
$contrasted-default-light: #fff; | |
@mixin contrasted($bg, $dark:$contrasted-default-dark, $light:$contrasted-default-light){ | |
background-color: $bg; | |
color: get_contrast_yiq($bg, $dark, $light); | |
} |