typicode/tlapse
JavaScript📷 Create a timelapse of your web development... or just automatically take screenshots of your hard work ;)
screenshottimelapse
주요 지표
스타 성장
스타
2k
포크
60
주간 성장
+0
이슈
2
5001k1.5k2k
2023년 2월2023년 9월2024년 4월2024년 12월2025년 7월2026년 3월2026년 10월
아티팩트npm
README
tlapse

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
- 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