Hacker Newsnew | past | comments | ask | show | jobs | submitlogin

Apple actually has an embarrassingly straightforward implementation of a CSS3 clock on their ipod nano page:

http://www.apple.com/ipodnano/



Except it's not just CSS; It uses Javascript to update a CSS transform element

    -moz-transform: rotate(%ddeg)
whereas the OP uses CSS animations.

    .hand {
        -moz-animation-direction: normal;
        -moz-animation-duration: 60000ms;
        -moz-animation-iteration-count: infinite;
        -moz-animation-name: spin;
        -moz-animation-timing-function: linear;
    }
    .hour.hand {
        -moz-animation: 0s ease 0s normal none 1 none;
    }
    .minutes.hand {
        -moz-animation: 0s ease 0s normal none 1 none;
    }


Good catch, though for what it's worth Apple's actually has the correct time on it. Hers appears to be doing some initial date/time setup via JS, but it doesn't appear to show the correct time, at least for me.


i could be wrong, but isn't anand a man's name? http://dribbble.com/charm https://twitter.com/#!/aprilzero it's not showing me the correct time either, but it is still amazing.


umm where?


For me it's just showing a static image, no matter what browser I use. This one: http://www.apple.com/ipodnano/images/overview_hero.jpg


The Mickey Mouse clock.


Mickey Clock.


Doesn't work on any of the three browsers on my laptop - presumably it works on Apple's browser. Kudos to Apple on going the extra mile there.


If you look at the code it only has webkit bindings. It fails gracefully however in trident/presto/gecko, so no real issues in my opinion.




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: