4 ms·
WebKit Clock
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.
- faramarz 16y agoI'm intrigued. How is the globe done? I can't dig deep enough to find the source of the globe.
- panic 16y agoIt's drawn using a canvas element.
- smoody 16y agovery nice!
- DanHulton 16y agoVery 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 16y agoHe's off by a "'s". St. John is one of the US Virgin Islands.
- pan69 16y agoOopsa daisies. UTC in Sydney is currently +11 (daylight savings).
- ComputerGuru 16y agoIt says "summer time is not supported" right at the top.
- aaronbrethorst 16y agoThis is very cool, but Salt Lake City is in the United States, not Canada.
- jcfrei 16y agoI did something similar a while back. I used canvas and coastline coordinates (http://www.ngdc.noaa.gov/mgg_coastline/index.jsp?llat=-90.0&ulat=90&llon=-180.0&rlon=180.0 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 16y agoWaiting for Web Standards Clock.
- swombat 16y agoUses about 50% of my 2-year-old Macbook Pro's CPU on Google Chrome.