- ×
📷 Create a timelapse of your web development... or just automatically take screenshots of your hard work ;)
Filed under development aidsShow Alltlapse
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 bothtlapse
andserver
are started.Options
tlapse
can be configured to use different screenshot resolution, interval, etc... to view available options runtlapse --help
Articles
- CSS-Tricks - Front-End Tools: My Favorite Finds of 2017
- PentaCode - How to Automatically Take Screenshots Of Your Site With TLapse
- Moongift.jp - 指定したURLに定期的にアクセスしてスクリーンショットを保存
License
MIT - Typicode :cactus: - Patreon