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:
Chrome | |
Alfred | |
Dropbox | |
1Password | |
Sizeup | |
Coconut Battery | |
Dash | |
XCode | |
Caffeine |
group :development do | |
gem 'brakeman' | |
gem 'better_errors' | |
gem 'binding_of_caller' | |
gem 'meta_request' | |
gem 'rack-mini-profiler' | |
gem 'rails-footnotes' | |
# run `rails generate rails_footnotes:install` | |
end |
gifify() { | |
if [[ -n "$1" ]]; then | |
if [[ $2 == '--good' ]]; then | |
ffmpeg -i $1 -r 10 -vcodec png out-static-%05d.png | |
time convert -verbose +dither -layers Optimize -resize 600x600\> out-static*.png GIF:- | gifsicle --colors 128 --delay=5 --loop --optimize=3 --multifile - > $1.gif | |
rm out-static*.png | |
else | |
ffmpeg -i $1 -s 600x400 -pix_fmt rgb24 -r 10 -f gif - | gifsicle --optimize=3 --delay=3 > $1.gif | |
fi | |
else |
#-webkit-web-inspector #toolbar { | |
background: #cdcdcd !important; | |
height: 36px !important; | |
} | |
#-webkit-web-inspector #main { | |
top: 36px !important; | |
} | |
#-webkit-web-inspector .toolbar-item.elements:hover:after { | |
content: "elements"; | |
z-index: 9999; |
##How Homakov hacked GitHub and the line of code that could have prevented it
Please note: THIS ARTICLE IS NOT WRITTEN BY THE GITHUB TEAM or in any way associated with them. It's simply hosted as a Gist because the markdown formatting is excellent and far clearer than anything I could manage on my personal Tumblr at peternixey.com.
If you'd like to follow me on twitter my handle is @peternixey
#!/usr/bin/env ruby | |
require 'benchmark' | |
REGEXPS = [ | |
/^no such file to load -- (.+)$/i, | |
/^Missing \w+ (?:file\s*)?([^\s]+.rb)$/i, | |
/^Missing API definition file in (.+)$/i, | |
/^cannot load such file -- (.+)$/i, | |
] |
form.generic { | |
input[type="text"], textarea, select { | |
background: #FBFBFB; | |
-moz-border-radius: 3px; | |
-webkit-border-radius: 3px; | |
border-radius: 3px; | |
float: left; | |
} | |
input { | |
&[type="password"] { |
/************************************************* | |
FORMS | |
Notes: Add this predefined values to your /config/settings.cfm file: | |
Then, just make sure you add #startFormTag(class="generic")# to any form you want this CSS applied to. | |
<cfscript> | |
// Form Field Defaults | |
set(functionName="textField,textFieldTag,textArea,textAreaTag,passwordField,passwordFieldTag,select,selectTag,fileField,fileFieldTag", | |
prependToLabel="<div class='field'>", |