DailyJS

Every Time Zone

Alex R. Young

Subscribe

@dailyjs

Facebook

Google+

design html5 interface safari

Every Time Zone

Posted by Alex R. Young on .
Featured

design html5 interface safari

Every Time Zone

Posted by Alex R. Young 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:

(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.