📷 Create a timelapse of your web development... or just automatically take screenshots of your hard work ;)
Clone or download
Latest commit 4441286 Oct 5, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.eslintrc.js Add prettier and XO Jul 29, 2018
.gitignore first commit Jan 5, 2017
.travis.yml use puppeteer instead of pageres Jul 27, 2018
LICENSE Initial commit Jan 4, 2017
README.md Update README.md Oct 5, 2018
bin.js Update Aug 1, 2018
index.js Make linter happy Aug 24, 2018
package-lock.json 1.1.0 Aug 24, 2018
package.json 1.1.0 Aug 24, 2018

README.md

tlapse Build Status npm

Create a timelapse of your web development 📷

A tiny utility that takes periodic screenshots of your site while you develop. Uses Puppeteer for creating beautiful high resolution screenshots 🌸.

Usage

npm install npm-run-all tlapse --save-dev
{
  "scripts": {
    "dev": "run-p server tlapse",
    "server": "node server",
    "tlapse": "tlapse localhost:3000"
  }
}
npm run dev

Note npm-run-all lets you run scripts in parallel and makes sure that both tlapse and server are started.

Options tlapse can be configured to use different screenshot resolution, interval, etc... to view available options run

tlapse --help

Articles

License

MIT - Typicode 🌵 - Patreon