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> | |
| <meta charset = 'utf-8'> | |
| <html> | |
| <head> | |
| <script src='http://d3js.org/d3.v3.min.js' type='text/javascript'></script> | |
| <script src='http://dimplejs.org/dist/dimple.v1.1.1.min.js' type='text/javascript'></script> | |
| <style> | |
| .rChart { |
| <!-- Open graph meta --> | |
| <meta property="og:type" content="website"> | |
| <meta property="og:site_name" content="<?php echo site_name(); ?>"> | |
| <?php if(is_homepage() == true) : ?> | |
| <meta property="og:url" content="http://websiteaddress.com"> | |
| <meta property="og:title" content="<?php echo site_name(); ?>"> | |
| <meta property="og:description" content="<?php echo site_description(); ?>"> | |
| <?php else: ?> | |
| <meta property="og:url" content="<?php echo "http://websiteaddress.com/" . current_url(); ?>"> | |
| <meta property="og:title" content="<?php echo page_title('Page can’t be found'); ?> - <?php echo site_name(); ?>"> |
| # Author: Federico Mendez | |
| # _ _ _ _ _ _ | |
| # ___ _ _ <_> ___ | |__ ___ ._ _ _| | _| |<_> _ _ _| |_ _ _ | |
| # / . || | || |/ | '| / / <_> || ' |/ . | / . || || '_> | | | | | | |
| # \_ |`___||_|\_|_.|_\_\ <___||_|_|\___| \___||_||_| |_| `_. | | |
| # ___| _ _ _ _ <___' | |
| # | _>| |_ <_>| || | ___ ___ ._ _ _ ___ ___ _ _ ___ ___ ___ _ _ | |
| # | <__| . || || || | _ / | '/ . \| ' ' | <_-</ | '| '_><_> || . \/ ._>| '_> | |
| # `___/|_|_||_||_||_|<_>\_|_.\___/|_|_|_| /__/\_|_.|_| <___|| _/\___.|_| | |
| # |_| |
| From: Chris DeSalvo <chris.desalvo@voxer.com> | |
| Subject: Why we can't process Emoji anymore | |
| Date: Thu, 12 Jan 2012 18:49:20 -0800 | |
| Message-Id: <AE459007-DF2E-4E41-B7A4-FA5C2A83025F@voxer.com> | |
| --Apple-Mail=_6DEAA046-886A-4A03-8508-6FD077D18F8B | |
| Content-Transfer-Encoding: quoted-printable | |
| Content-Type: text/plain; | |
| charset=utf-8 |
| <style type="text/css"> | |
| body { | |
| margin: 10px; | |
| } | |
| .tips { | |
| border: 1px solid #000; | |
| padding: 5px; | |
| -webkit-border-radius: 5px; |
| // be sure to import the the border-radius and box-shadow mixins: | |
| // @import "compass/css3/border-radius" | |
| // @import "compass/css3/box-shadow" | |
| #menu | |
| :margin-bottom 15px | |
| :font-family "Lucida Grande", Arial, sans-serif | |
| :font-size 11px | |
| :font-weight bold | |
| :padding 4px 6px |