Blog of Ade

It’s been a while since I made a pointless technical demo. For most of the last 10 years I was working with Flash. Prior to that, I’d learnt how to write basic procedural JavaScript (at the same time as teaching myself HTML and CSS), but I’d never really fully got to grips with design patterns and more structured or object-based JS.

And more recently, when not busy writing emails or sitting in meetings, I’ve been more focused on back-end stuff: PHP frameworks, and fumbling around on Linux servers (with the help of much Googling). So my JavaScript abilities have become quite rusty.

I had the idea of making a broken 7-segment display clock after walking past one every morning, getting off my train at London bridge. There’s something interesting about the unfamiliar symbols, and it’s vaguely reminiscent of the self-destruct device in Predator.

A couple of weeks ago I was fortunate enough to have ten hours to kill, on a flight. I had my laptop with me so decided to have a crack at building the clock with JavaScript, CSS and a few PNGs. It took me around 4 hours, including the Photoshop bit.

This is the result. It is kind of pointless but it looks quite cool in my biased opinion. Clicking on the clock gives you the real time, which is arguably more useful.

Feel free to download the source code. Sorry it’s not on GitHub, I’m not down with the cool kids yet.

UPDATED: You can find the code here on GitHub

If you: a) work on a Mac, b) make a lot of screengrabs (I’m talking to web designer types here) and c) have a tendancy to be a bit untidy, then you might, like me, often end up with a desktop full of images called Picture 1, Picture 2 and so on. And my desktop gets pretty cluttered so I don’t get round to deleting them all often enough.

Well, I was just messing about with Automator, and I know this is nothing revolutionary or anything, but I made a simple batch process for cleaning them up. And, I only just figured out that you can save your batch processes out as applications. So I thought I’d share one.

This simply finds all images on your desktop whose names start with ‘Picture’ and moves them to the trash. Quite a handy little 5 second saver to put in your dock…

Download Screengrab Remover

Disclaimers:

i. I take no responsibility if it goes wrong and deletes your entire world. I don’t think it will though.
ii. I think it only works on OS X 10.5 (Leopard).
iii. If it doesn’t work, oh well it only took 30 seconds to make.