Animated
- Open index.html using Chrome (preferably) and maximize the window
- Adjust timings, animations, etc.
- Capture the screen (e.g. using VLC)
- Crop and cut the video
# crop window
avconv -i out.mp4 -filter:v "crop=640:480:260:216" out-cropped.mp4
# cut interval
avconv -i out-cropped.mp4 -ss 00:00:02 -t 00:00:04 -async 1 out-cut.mp4
# generate the gif (requires ffmpeg)
./generategif.sh out-cut.mp4 out-cut.gif