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:
| var a = 10; // A Global Variable | |
| function p(z) { | |
| // a normal function that | |
| // accepts a variable z as a parameter | |
| console.log(this.a, z); | |
| } | |
| // normal call | |
| // this.a is 10 because GLOBAL variable | |
| // and z = 1 |
| @keyframes dropball { | |
| 0% { | |
| bottom: 200px; | |
| left: 0px; | |
| } | |
| 2% { | |
| bottom: 198.89046144485474px; | |
| left: 8.000030517578125px; | |
| } | |
| 4% { |
| @keyframes dropball { | |
| 0% { | |
| bottom: 200px; | |
| } | |
| 2% { | |
| bottom: 198.89046144485474px; | |
| } | |
| 4% { | |
| bottom: 197.5577425956726px; | |
| } |
| @keyframes tubelightanimation { | |
| 0% { | |
| background: white; | |
| box-shadow: 0px 10px 50px 20px white; | |
| } | |
| 5% { | |
| background: black; | |
| box-shadow: none; | |
| } | |
| 8% { |
| @keyframes dropball { | |
| 0% { | |
| bottom: 200px; | |
| } | |
| 2% { | |
| bottom: 198.88807678222656px; | |
| left: 2.000002145767212px; | |
| } | |
| 4% { | |
| bottom: 197.5545196533203px; |