Visualizing Time Zones

I've had just that 'time zone math' problem for years, which is, why I wrote a small iPhone App just for the purpose of being able to easily lookup this information when on the road. Globetrotter :) http://itunes.apple.com/us/app/globetrotter-timezone-calcula...

everytimezone.com looks swell though. Love it.

Looks very nice. The only problem I had is that it's not clear when you load the page that you can actually interact with it. Some people might go away confused and think this tool can't convert specific times

Reminds me of Bret Victor's BART train schedule redesign: http://worrydream.com/MagicInk/#case_study_train_schedules

My only complaint is that once I grabbed the bar and dragged it around I had a hard time getting it back to the current time without refreshing the page.

Beautiful, well executed. To make it even more useful I think it would be cool

* to provide selection of countries to be included in the graph, because what matters is usually two or more countries, say, participating in a conference call

* to have another sliding bar that can be adjusted manually, e.g., to find a point in time most suitable for all participants of a conference call

I'm using Chrome on Windows (don't ask) and I get a featureless black screen. What am I supposed to see?

This is so close to being really cool. Usually what's needed, though, is to compare two or three time zones text to each other. In this system, they're far away so that's hard to do.

Maybe I'm just retarded, but I spent 1 minute on this website and couldn't figure out how to use it. Too many elements jumping and shining blew my mind. What I really want is two text fields, where I can type in cities and get the difference and local time in each of those cities. That's it. My guess is that people really like the design, but I can't see how this is more convenient than typing "time in San-Francisco" in Google.

I don't get it. I can slide the local time around, and right next to the bar it shows the time in each timezone, and there's a bunch of grey bubbles that move around. Is it just that it's broken on chrome?

[edit]I tried it in opera 10.5 and firefox 3.5 and it was worse than in chrome, what browser does it work in?

Site does not work for me, but I have been using foxclocks for a long time:

https://addons.mozilla.org/en-US/firefox/addon/1117

its awesome and super easy!, it took me exactly 30 seconds to figure out that I can move the slider. Pls don't listen to the old farts here who say that the site is "shiny" or "Can't figure out".

Broken on both the latest Firefox and dev build of Chrome on Ubuntu.

Anecdotal: The last time I needed to figure out was what someone meant by American PST - this wouldn't have helped me.

Great design.

This is very cool, but can you add a field to manually select a date in a particular time zone, as well as a current time button?

I'm assuming the green timezone is your current timezone? Perhaps that could be spelled out somewhere.

Doesn't work in IE7 I guess? All I see is a green bar that isn't draggable. I already noted in the comments that the UI isn't necessarily obvious, but I've tried pushing, pulling, dragging every visible element on the page, and haven't seen anything happen.

Ha! I didn't even notice this got submitted here.

Background, for the record:

1. It is alpha alpha ALPHA.

2. We built it for the iPad specifically, and Safari/Webkit generally.

3. It has no images. All webkit-specific CSS. All those gorgeous gradients! I gave Thomas and a PSD and he made the magic happen.

4. It has no JavaScript framework.

5. It gzips down to under 3K.

This evening Thomas added Firefox support. Naturally, Firefox's CSS styles for gradients are not as nice (and, naturally, different syntax) than the Webkit ones.

We plan to do more things with it. This was really a proof of concept. I was surprised it got such wide circulation already...

... although considering the alternative "tools" in this space, I guess I shouldn't be.

Thanks guys!