TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Odometer – A JavaScript and CSS library for smoothly transitioning numbers

110 pointsby afschwartzover 11 years ago

11 comments

eliaskgover 11 years ago
Cool effect! Combine it with D3 for some bad ass visualisations!<p>PS: Why do designers think that native scrolling is bad? Thanks, Apple...
评论 #6540389 未加载
评论 #6541553 未加载
darkmightyover 11 years ago
It&#x27;s a neat effect, but I don&#x27;t like it because it&#x27;s like seizure inducing to me, since the letters on the right move so fast.<p>Although not realistic, I would suggest a better effect would be simply roll the numbers the same amount, looking more like a roulette I guess.
评论 #6540453 未加载
评论 #6540401 未加载
dustinrodriguesover 11 years ago
Pretty neat, but the kerning on the font is awful: <a href="http://i.imgur.com/ssPu5J9.png" rel="nofollow">http:&#x2F;&#x2F;i.imgur.com&#x2F;ssPu5J9.png</a>
gingerlimeover 11 years ago
The neatest trick was tying the odometer to the github stars! Cheeky, but cool.
评论 #6540496 未加载
ramateover 11 years ago
Nifty effect! And it only maxes out one of my cores!
Cthulhu_over 11 years ago
Nice. I did see some framedrop or something when the animation was at &#x27;max speed&#x27; though; Chrome&#x27;s FPS meter is reporting a frame rate of 30 FPS when the animation runs, instead of a stable 60. Not sure if that can actually be fixed though.
评论 #6540733 未加载
billrobertson42over 11 years ago
Seems completely broken in Firefox (v 25.0 beta). The only thing that happens in the jsFiddle example is that it changes the number, and the github page looks like a web page from in 1994. Switched to Chrome and all is pretty.
评论 #6551426 未加载
filipedeschampsover 11 years ago
Hubspot is doing some very cool things to the web. Good job guys!
slouchover 11 years ago
I was expecting a slow rollover like an odometer typically displays. All the demos have very fast numbers flying by and I don&#x27;t know when I would find that useful.
评论 #6541545 未加载
eCaover 11 years ago
It doesn&#x27;t work in FF24&#x2F;win7, at least not for me.<p>The slow example looked nice in Chrome though. Might look good on a dashboard..
评论 #6540643 未加载
评论 #6540653 未加载
matiasbover 11 years ago
Nice!