The JavaScript blog.


design html5 interface safari

Every Time Zone

Posted on .

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:

  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.