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'>", |