📷 Create a timelapse of your web development... or just automatically take screenshots of your hard work ;)
JavaScript
Latest commit 2f40f57 Jan 19, 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 Jan 19, 2017
index.js Handle server not ready Jan 19, 2017
package.json Add hook Jan 19, 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.

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 🌵