Bedtime GitHub Project: A JavaScript Loading Animation Designed to Help Users Fall Asleep
By
sarusso
Not artisan, but a perfectly fine bagel. Hits the spot.
Summary
Bedtime is a GitHub project that helps users fall asleep by watching a JavaScript loader spin while displaying a bedtime story. The project intentionally slows down the loading process and text display speed as the story progresses, making it unlikely for users to reach the end unless they stay awake. The creator developed this tool after experiencing insomnia and noticing how watching loading spinners could be soothing.
Key quotes
· 4 pulledFall asleep by watching JavaScript load
This little toy project progressively tells a bedtime story about Liora and its little companion, while intentionally making a JavaScript loader spin for no reason other than to help you get to sleep
The time the loader spins, as well as the speed at which the text appears, increases as you go through the story, so that you ideally never reach the end (unless you really, really want to)
I came up with this one night when I couldn't fall asleep and was looking for some data analysis results on a web platform, noticing that the spinner was actual
You might also wanna read
TrueType Font Contains 3D Raycasting Engine in Hinting Virtual Machine
A developer created a DOOM-style 3D raycasting engine that runs inside a TrueType font's hinting virtual machine. The project exploits the T
Building a Programming Language Where M&M Candy Grids Represent Executable Code
The article describes the creation of a unique programming language where programs are represented as physical arrangements of M&M candies o
p5.js Web Editor: An Online Development Environment for Creative Coding
The article discusses the p5.js Web Editor, a web-based development environment for the p5.js JavaScript library. p5.js is designed to make
Teaching a Dog to Code Games Using AI Assistance and Guardrails
The article describes an experiment where the author taught their 9-pound cavapoo dog named Momo to 'vibe code' games using AI assistance. T
Perlin-Terminal: Terminal-Based Perlin Noise Animation Tool
Perlin-terminal is a command-line tool that creates beautiful Perlin noise animations in the terminal using 24-bit truecolor and half-block
css-doodle: A Web Component for Creating CSS Patterns and Artistic Designs
css-doodle is a web component that allows developers to create artistic patterns and designs using CSS Grid and custom properties. The artic
