Every Time Zone

14 Apr 2010 | By Alex Young | Tags interface design html5 safari

Every Time Zone by Amy Hoy is a guide to time zones that uses innovative HTML5 features. It looks best in Safari, but it still just about works in Firefox.

It’s an interesting piece of work from visualization perspective, but it also has concise JavaScript without any dependencies. This includes browser feature detection:

(function(){
  var supportsTouch = ('createTouch' in document),
    scale = 72, now = new Date, current = now, day = current.getDate(), 

I know how difficult working with time zones can be, so I’ll probably actually have to use this in the near future. It’s also interesting to see such a simple tool that specifically targets modern browser features without compromising its quality by supporting legacy browsers.


blog comments powered by Disqus