As a continuation of yesterday’s post wherein I built an analog clock without flash or images, I am going to do something much easier today: build a digital clock. This will be another component to the game I’m building for Thing1.
Again, here’s where we’re headed:
Let’s start with the basic layout again—just a section with an HTML5 <time> element within it:
Next let’s make it a little bigger, and blocky:
And add some background gradient for extra, unnecessary internet points:
That’s pretty much it. But, that was too easy. Let’s maybe change the text color of the minutes to match the analog clock (bluish). That will require a little JS to break up the tag’s contents:
Let’s not worry about it being totally hideous right now, emkay?