Urgent.News

What's breaking now, across thousands of outlets.

Tech

I Built a Pomodoro Timer That Actually Helps You Focus — With Rainy Cafe Ambience

I Built a Pomodoro Timer That Actually Helps You Focus — With Rainy Cafe Ambience Stillscape is a free online Pomodoro timer wrapped in a rainy cafe scene that breathes with your focus. No login, no download, no subscription. The Problem With Most Pomodoro Timers You've been there. You open a new tab, search "pomodoro timer," and pick one. What happens? It's a blank white page with a ticking…

I have crafted a Pomodoro timer called Stillscape, which offers an immersive experience to help you concentrate. It features a rainy cafe scene that changes dynamically as you focus. The timer is completely free, requiring no login, download, or subscription. Unlike traditional timers, Stillscape presents a user-friendly interface with a built-in task list and stats tracking.

The website hosts a variety of ambient sounds, such as rain, thunder, fireplace, forest, ocean, cafe chatter, wind, and white/brown/pink noise. Users can customize their focus sessions by selecting preset scenes like Deep Focus, Writing Mode, Rainy Day, Sleep Sound, and more. The application is built using a lightweight web app technology stack, including Vanilla JS, Web Audio API, CSS animations, and canvas.

Data is stored locally in the user's browser using LocalStorage, ensuring privacy and no server interaction. Stillscape is designed for remote workers, students, writers, and individuals with ADHD who benefit from ambient noise to concentrate. Try it out at still.sendafun.com and share your favorite ambient sound for focus in the comments.

Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.

Read the original at dev.to →

More in Tech

Vue `nextTick`: Wait for the DOM to Update Before You Touch It

One of the first things you learn with Vue is that changing reactive state automatically updates the DOM. But there is an important detail that can sometimes cause unexpected behavior: 👉 The DOM…

  • nextTick() is a Vue utility waiting for DOM updates after state changes
  • Vue batches DOM updates to improve rendering efficiency, not immediate updates
  • Call await nextTick() after state changes to ensure DOM has updated before interaction

Postgres for local dev: one container, one Makefile

Most local database setups fail in one of two ways. Either everyone shares a staging database and steps on each other's data, or the repo ships a 200-line compose file with six services that nobody…

  • Use official PostgreSQL image with pinned major version
  • Manage migrations through plain SQL files
  • Set up tests against separate template database

More from Monday 21 September →