Top
Best
New

Posted by levmiseri 4 hours ago

Collection of Digital Clock Designs(clocks.dev)
103 points | 30 comments
vunderba 2 hours ago|
At this point it'd be worth creating an old-school webring [1] for all the HN clock enthusiasts. :)

The clock at: https://clocks.dev/clock/lock-screen

is kind of similar to one of my clocks: the Filling Digit clock [2], which fills the hollow digits with water from the bottom up to represent the seconds in a minute:

Another one that made the rounds here on HN was "Alphabetical Clock" [3] which is pretty amusing.

[1] - https://en.wikipedia.org/wiki/Webring

[2] - https://clocks.specr.net/filling-digits

[3] - https://news.ycombinator.com/item?id=47571401

72mena 2 hours ago||
Oh I love these! It just reminded me of a small project I had in which I was creating experimental watchfaces using SVGs and JavaScript, this is before the AI boom so I made all of these by hand and, although there's nothing impressive here, I'm proud of them as a designer who learned basic code by myself.

https://watchface.netlify.app/

And I wrote about it here: https://72mena.medium.com/designing-watch-faces-using-svgs-a...

ryr11 13 minutes ago||
I love this. You might've just convinced me to get back into hardware/PCB and make something to put on my wall (with your blessing). I'm not sure if it's just because I'm on mobile, but I think it would be great if the pages that show the watch faces in action had a way to input a time to see what it looks like.
levmiseri 9 minutes ago||
They are very nice! I'd love to see them 'in action' – I'd suggest something similar to what is on clocks.dev if you click in the bottom right corner on the 'timeline' feature: https://clocks.dev/clock/824d7b87d123
alana314 42 minutes ago||
These are awesome
rsamtravis 44 minutes ago||
The binary one in the bottom row seems to think that the digit to the left of of the 8s place is the 10s place and not, as is normal, the 16s place. Therefore 10 o'clock shows as "00010000" not "1010". Weird.

2300 hrs or 11pm shows as "00100011" which would be 35 o'clock. I guess the 32s place is a... 20s place? Somebody help me out here.

https://clocks.dev/clock/35bb1995bc5d

toddmorey 1 hour ago||
This is awesome! I made a Soroban (Japanese abacus) version, but I couldn't add it to the collection since I used css-based animations. Published here: https://soroban-clock.netlify.app
skippyfish 2 hours ago||
Some of these seem subtly off. For example, on the orange "number field" clock (https://clocks.dev/clock/number-field), you can't distinguish between 12:10 and 10:12. On the "word field" one (https://clocks.dev/clock/word-field), there are "X"es in lieu of unused characters, which makes the emergence of words a lot less mystifying than in the original "word clock" design this is based on. The "temporal exposure" one (https://clocks.dev/clock/temporal-exposure) has weird off-center bands in the blurred area. The "figure hands" one has text sticking out of the drawing area, etc.
ghewgill 1 hour ago||
In the "number field" clock, the hours are always along the top row only. 12:10 and 10:12 look different.
jolt42 2 hours ago||
I think the one you are calling "figure hands"... if you mean the one where hands are numbers could just use better styling overall. Two colors, different sizes, better choice of font.
skippyfish 2 hours ago||
They have names in their URLs when you click. I meant this one: https://clocks.dev/clock/figure-hands

Around :15 and :45, the minute arrow is sticking outside the drawing region.

jolt42 2 hours ago||
yeah, that's the one. Yep it doesn't seem as intended.
atulvi 1 hour ago||
Please add this one (my design) https://euclid.tulv.in/
levmiseri 40 minutes ago|
Tried my best at reproducing it: https://clocks.dev/clock/eee40ea8130b (but feel free to add your own real version of it! Anyone can add a clock via the top right button.
makeitdouble 3 hours ago||
"Number field" felt like the best spacial representation of a numeric clock (would need to be 24h to be perfect but that's a small tweak)

There are plenty of them in a more linear style, but the 12 columns design really works well IMHO. It's really easy to roughly guess the time at a glance.

https://clocks.dev/clock/number-field

throw0101d 2 hours ago||
I'd really like an analog watch face for the lock screen of my iPhone.
kridsdale1 34 minutes ago||
Tim Cook would really like to sell you an Apple Watch.
reaperducer 25 minutes ago||
I'd really like an analog watch face for the lock screen of my iPhone.

I really wish I could turn the clock OFF on my iPhone. The best I can do is to change the numbers to a language I can't read, and make the characters really thin and translucent.

I've read that in iOS 27, we'll at least be able to make it small.

kqr 2 hours ago||
Not a single 24-hour analogue face? That unexpectedly turned into one of the best reasons I keep carrying my smartwatch.
levmiseri 2 hours ago|
The nice thing is that anyone can easily add such design.

Created a simple 24-hour analogue face just now: https://clocks.dev/clock/c4a0aef0c379

ghewgill 1 hour ago||
Midnight at the bottom! I really like this one: https://sunclock.net
levmiseri 17 minutes ago||
Added one more with some day/light signaling: https://clocks.dev/clock/ea4059c74748
reaperducer 28 minutes ago|
My favorite digital clock was an LCD watch made by Fossil that had the digits spelled out in white Chinese characters on a cobalt background.

Not only did it show the characters, it slowly painted them on the screen. This wasn't a dot-matrix display. It was more like a 40-seg display. I've never been able to find a replacement, or even a photo of it online.

More comments...