HN Explorer

WebKit Clock (onotakehiko.com)

46 points by istvanp ↗ HN
This site is driven with HTML5 canvas, CSS3, JavaScript, Web Fonts, SVG and NO image files. It's optimized to WebKit rendering engine and you can see it with Safari and Google Chrome.

13 comments

[ 6.9 ms ] story [ 235 ms ] thread
faramarz
I'm intrigued. How is the globe done? I can't dig deep enough to find the source of the globe.
panic
It's drawn using a canvas element.
DanHulton
Very slick, though the dot for St. John's is in entirely the wrong spot. Last I checked, it was still up here in Canada!

(Also, I very much dig that the back button actually goes back through the cities you clicked on, and not immediately off the page.)

sparky
He's off by a "'s". St. John is one of the US Virgin Islands.
pan69
Oopsa daisies. UTC in Sydney is currently +11 (daylight savings).
ComputerGuru
It says "summer time is not supported" right at the top.
pan69
Then what's the point for it being a clock? :)
xorglorb
It's more of a HTML5 demo than anything else.
aaronbrethorst
This is very cool, but Salt Lake City is in the United States, not Canada.
jcfrei
I did something similar a while back. I used canvas and coastline coordinates (http://www.ngdc.noaa.gov/mgg_coastline/index.jsp?llat=-90.0&...) to draw the globe. However I could never quite figure out how to draw the world perfectly. I used canvas.fill and I would always end up with some parts of the world showing, that actually should have been hidden. I can post the source code if you like - all it needs to be done is probably a viewport.
pornel
Waiting for Web Standards Clock.
swombat
Uses about 50% of my 2-year-old Macbook Pro's CPU on Google Chrome.