Widgetopia: ”Collection of Widgets and UI elements from various websites, with notation of their sterling or plate metal qualities“

Commentary on changing design of The Economist, with comparisons of layout and type.

Very nice animated GIF illustrations on the news page at Iconfactory. You get served a random one from a selection, so I’ve gone to the trouble of linking each one individually:

• Tron
• This old house
• The Thing
• Galileo 7
• Matrix

18 Jan 04: UPDATE

• Jackpot
• Termite
• Retro
• UHF
• Aqua

I think I might have missed some Halloween specials, though...

29 Apr 05: UPDATE

• Hauling icons
• Gojira
• Cherry
• Growth

9 Sep 08: UPDATE – Links above removed. The animations haven’t been live on Iconfactory for a while, but the entire collection (over 70) are available here.

• Zurich webcam: steerable live video camera, track Swiss pedestrians down the street
• Compressed time BART schedule: Simulated real-time San Francisco train map (Java applet)
• NextBus: Real-time US bus arrival information, also real-time maps (Java applet)

UPDATED: Dead links removed. There is a new version of this article, and a new world clock.

Working on a project with people in different parts of the world recently, I found myself thoroughly confused by the problem of timezones. Standard time zone clocks normally just show the local time at a given moment in diiferent cities; I found myself continually carrying out arithmetic to work out questions like:

• When it’s 4pm in New York, what time will it be in Tokyo?
• How many hours of overlap are there between working days in New York and Hong Kong?
• Which cities’ offices are currently open?

I had an idea for a display mechanism and wondered if it could be done using CSS and a bit of PHP.

The result is the hill193 A Better World Clock. It should be self explanatory, but it uses linear ‘analogue’ 24 hour dials to make comparisons of time across zones far easier. In addition, working hours (in this case 9am – 6pm) are highlighted.

All positioning is done using CSS. The PHP code behind the clocks is pretty basic and just works on a fixed offset to the server clock for each region. So there’s certainly no taking summer time adjustments into account for the moment. The HTML and CSS is static but is refreshed every 30 seconds. It’s been tested in Mozilla 1.4, Internet Explorer 6 and Opera 7, although it needs a little refining.