Skip to content
Cover image for Creatively Display Time

Creatively Display Time

_bigblind profile image Frederik πŸ‘¨β€πŸ’»βž‘οΈπŸŒ Creemers twitter logo github logo ・1 min read  

This is a creative coding challenge to display the time in as creative a way as you can come up with. It doesn't even have to look like a clock! You could display the time using Emoji, or build a clock in Conway's Game of Life, or think about what kind of clock aliens might use.

Here's my entry

twitter logo DISCUSS (8)
markdown guide

So this one was an interesting challenge to write. It's a clock widget for Android (you can buy it in the store), but instead of graphically or numerically representing the time, it tells you. Right now, my phone says it's "Just gone twenty-five to twelve in the afternoon" - which goes to show it's a lot harder to get this right that you might have thought (I'd never noticed that bug before).

Worse, I had the crazy idea that I should internationalize it, and found out all sorts of things about how the Dutch and Germans say the time.

But it's quite fun.


Nothing's ever going to beat the human clock, the best I could do is replicate that... or cheat and render it in a frame.


Did someone say the Union Square Metronome in code? I was browsing last night, saw this idea and thought it would be fun to try it out. :D

... looks like Codepen doesn't like my attempts at vertical alignment. This clock uses your device's timezone rather than the New York timezone. Would be great to hear your thoughts!

Classic DEV Post from Nov 15 '19

I'm Chris Coyier from CodePen, CSS-Tricks, and ShopTalk Show. Ask Me Anything!

An AMA where I do my best to answer questions you might have about front-end development, myself, or the projects I help run.

Frederik πŸ‘¨β€πŸ’»βž‘οΈπŸŒ Creemers profile image
I'm never sure what to put in a bio. If there's anything you want to know, don't be afraid to ask!