📷 Create a timelapse of your web development... or just automatically take screenshots of your hard work ;)
JavaScript
Latest commit 92c89cb Feb 16, 2017 @typicode committed on GitHub Update README.md
Permalink
Failed to load latest commit information.
.gitignore first commit Jan 5, 2017
.travis.yml Create .travis.yml Jan 5, 2017
LICENSE Initial commit Jan 4, 2017
README.md Update README.md Feb 15, 2017
index.js Fix #2 Jan 26, 2017
package.json 0.1.4 Jan 26, 2017

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.

screenshot

Uses pageres-cli for creating screenshots.

Examples

Examples are welcome. Ping me @typicode or make a PR if you've created something using tlapse ;)

Install

npm install -g tlapse

Usage

tlapse -- localhost:3000

Options

To change interval and directory where screenshots are saved, use the following options

tlapse --every 5m --directory ./screens -- localhost:3000

You can also pass any pageres-cli options after --

tlapse -- localhost:3000 1366x768 --selector='.page-header'

Tip

If you want to start your server and tlapse at the same time, add tlapse to your package.json scripts and use npm-run-all to start them in parallel.

{
  "scripts": {
    "start": "run-p server tlapse",
    "server": "node server",
    "tlapse": "tlapse -- localhost:3000"
  }
}

License

MIT - Typicode 🌵