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 myCanvasView = new View({ | |
| x:100, y:100, | |
| width:200, height:200 | |
| }) | |
| // Add a nice background color so we see it | |
| myCanvasView.style.backgroundColor = "rgba(255,0,0,.5)" | |
| // This is the tricky bit, we create a canvas element (so we have a reference to it) and insert it into the view |
| // ************************************************************** | |
| // password validation | |
| // ************************************************************** | |
| function checkPassword(pass) { | |
| var numbers = pass.match(/\d+/g); | |
| var uppers = pass.match(/[A-Z]/); | |
| var lowers = pass.match(/[a-z]/); | |
| var special = pass.match(/[!@#$%\^&*\+]/); |
| ul | |
| { | |
| list-style: none; | |
| padding: 0; | |
| margin: 0; | |
| } |
| class AlertMyFriends | |
| class AlertMyFriends::Show | |
| constructor: -> | |
| alert "Hello Friends" | |
| amf = new AlertMyFriends | |
| al = new amf.Show() |