https://github.com/cvan/password-reset-screencasts

screencasts of good and bad UX for "Password Reset" flow (captured using CasperJS/SlimerJS and ffmpeg)
https://github.com/cvan/password-reset-screencasts

Last synced: 9 months ago
JSON representation

screencasts of good and bad UX for "Password Reset" flow (captured using CasperJS/SlimerJS and ffmpeg)

• Host: GitHub
• URL: https://github.com/cvan/password-reset-screencasts
• Owner: cvan
• Created: 2014-07-30T08:30:08.000Z (almost 12 years ago)
• Default Branch: master
• Last Pushed: 2014-08-06T10:04:08.000Z (almost 12 years ago)
• Last Synced: 2025-03-24T09:50:19.538Z (about 1 year ago)
• Language: JavaScript
• Homepage:
• Size: 10.3 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# password-reset-screencasts

Screencasts of good and bad UX for "Password Reset" flows for the following sites:

* Airbnb

* Amazon

* Facebook

* GitHub

* Google

* Kickstarter

* Pinterest

* Tumblr

* Twitter

Created using CasperJS (using the SlimerJS engine) and ffmeg (to stitch screencasts together to create `.webm` and `.mp4` videos).

## Installation

Using [Homebrew](http://brew.sh/), install the following:

    brew install casperjs slimerjs ffmpeg --with-libvpx --with-theora --with-libogg --with-libvorbis

If you've already installed ffmpeg but without the aforementioned codecs, reinstall:

    brew install ffmpeg --with-libvpx --with-theora --with-libogg --with-libvorbis

## Usage

First set the `SLIMERJSLAUNCHER` environment variable if you wish to override the location of the Firefox binary to use with SlimerJS.

To generate all the screencasts:

    make

To generate screencasts for only one site:

    make airbnb

To do a dry run (i.e., run the CasperJS scripts only and skip the video processing):

    DRY='1' make airbnb