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:
| <!DOCTYPE html> | |
| <html class="fuelux"> | |
| <head lang="en"> | |
| <!-- styles --> | |
| <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"/> | |
| <link href="http://www.fuelcdn.com/fuelux/3.3.0/css/fuelux.min.css" rel="stylesheet"/> | |
| <link href="http://www.fuelcdn.com/fuelux-mctheme/1.1.0/css/fuelux-mctheme.min.css" rel="stylesheet"/> | |
| <!-- scripts --> | |
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> |
| [ | |
| { | |
| "keys": ["ctrl+alt+shift+f"], "command": "js_format", | |
| "context": [{"key": "selector", "operator": "equal", "operand": "source.js,source.json"}] | |
| } | |
| ] |
| { | |
| "bold_folder_labels": true, | |
| "caret_style": "phase", | |
| "color_scheme": "Packages/User/SublimeLinter/Monokai (SL).tmTheme", | |
| "copy_with_empty_selection": false, | |
| "draw_minimap_border": true, | |
| "draw_white_space": "all", | |
| "file_exclude_patterns": | |
| [ | |
| "*.class", |
| #!/bin/sh | |
| # | |
| # Copyright (c) 2007 Andy Parkins | |
| # | |
| # An example hook script to mail out commit update information. This hook | |
| # sends emails listing new revisions to the repository introduced by the | |
| # change being reported. The rule is that (for branch updates) each commit | |
| # will appear on one email and one email only. | |
| # | |
| # This hook is stored in the contrib/hooks directory. Your distribution |
| /* regular */ | |
| font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; | |
| font-weight:400; | |
| font-stretch:normal; | |
| /* condensed */ | |
| font-family: "HelveticaNeueCondensed", "HelveticaNeue-Condensed", "Helvetica Neue Condensed", "HelveticaNeueRomanCondensed", "HelveticaNeue-Roman-Condensed", "Helvetica Neue Roman Condensed", "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosCnRegular', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif; | |
| font-weight:400; | |
| font-stretch:condensed; |
| // See comments below. | |
| // This code sample and justification brought to you by | |
| // Isaac Z. Schlueter, aka isaacs | |
| // standard style | |
| var a = "ape", | |
| b = "bat", | |
| c = "cat", | |
| d = "dog", |