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.
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.
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.
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
toddmorey
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.
skippyfish
"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.
comments (10)
https://watchface.netlify.app/
And I wrote about it here: https://72mena.medium.com/designing-watch-faces-using-svgs-a...
72mena
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
vunderba
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
rsamtravis
toddmorey
skippyfish
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
makeitdouble
atulvi
throw0101d
kqr
rfmoz