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:
| function StartTagToken(){ | |
| } | |
| function EndTagToken(){ | |
| } | |
| function Attribute(){ | |
| } | |
| // sign up | |
| account.signUp('joe@example.com', 'secret'); | |
| // sign in | |
| account.signIn('joe@example.com', 'secret'); | |
| // sign in via oauth | |
| account.signInWith('twitter'); | |
| // sign out |
| * { margin: 0; padding: 0; } | |
| ul, ol, dl { list-style: none; } | |
| h1, h2, h3, h4, h5, h6 { font-weight: normal; } | |
| body { font: 14px/1.6 tahoma, arial, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; } | |
| a { text-decoration: none; color: #000; } | |
| imgi { border: none; } |
| var demoApp = angular.module('demoApp', ['ngResource'], function($locationProvider) { | |
| $locationProvider.hashPrefix(''); | |
| }); | |
| function MainCtrl($scope, Serv) { | |
| $scope.selectedItem = { | |
| value: 0, | |
| label: '' | |
| }; | |
| $scope.Wrapper = Serv; |
| /* Less.js function which generates prefixes any CSS property */ | |
| .pf(@prop, @value){ | |
| -:~`";"+"@{prop}:@{value};-webkit-@{prop}:@{value};-moz-@{prop}:@{value};-o-@{prop}:@{value};-ms-@{prop}:@{value}".replace(/'/g,"")`; | |
| } | |
| #container { | |
| .pf('border-radius', 10px); | |
| .pf('transform', 'rotate(7deg)'); | |
| .pf('transition','all 1s ease-in-out'); | |
| .pf('box-shadow','2px 2px 5px 0 rgba(0,0,0,.6)'); |
| // Taken from http://upshots.org/javascript/jquery-copy-style-copycss | |
| (function($) { | |
| $.fn.getStyleObject = function() { | |
| var dom = this.get(0); | |
| var style; | |
| var returns = {}; |
| nmap <F2> a<C-R>=strftime("%c")<CR><Esc> | |
| "http://stackoverflow.com/questions/69998/tabs-and-spaces-in-vim | |
| set tabstop=4 | |
| set shiftwidth=4 | |
| set expandtab | |
| call pathogen#infect() | |
| syntax on | |
| filetype plugin indent on |
| module Jekyll | |
| class CategoryIndex < Page | |
| def initialize(site, base, dir, category) | |
| @site = site | |
| @base = base | |
| @dir = dir | |
| @name = 'index.html' | |
| self.process(@name) |
| # First install tmux | |
| brew install tmux | |
| # For mouse support (for switching panes and windows) | |
| # Only needed if you are using Terminal.app (iTerm has mouse support) | |
| Install http://www.culater.net/software/SIMBL/SIMBL.php | |
| Then install https://bitheap.org/mouseterm/ | |
| # More on mouse support http://floriancrouzat.net/2010/07/run-tmux-with-mouse-support-in-mac-os-x-terminal-app/ |