CSS Number Scrolling

Creative

css ui effect

SHOW HN2013

CSS Number Scrolling

A number scroller built with CSS, with some JavaScript.AI

andrelion.github.io

#css#number scroll#css animation#web design

12points
8comments
#1,246of 1,739 in 2013
Top 72%of 2013 by points

How HN took it

MixedNo clear lean

1 positive, 3 neutral or asking, 0 mixed, 3 critical, out of 7 comments about the project. Thread score -0.28.

Execution: 1 for, 1 againstIdea: 0 for, 1 againstDocs: 0 for, 1 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • The number scroll effect works well once a width is fixed

    From 1 comment
    • I see it as well. Using .num{width:.9em} fixed it for me.
      Zikes on HN

Objections

  • Does not work in Chrome 24 on OS X Mavericks

    From 1 comment
    • Doesn't seem to work in Chrome Version 24, OS X Mavericks. Worked in Safari though.
      alexobenauer on HN
  • Uses JavaScript where CSS alone could do it

    From 1 comment
    • Plenty of javascript in there. You could generate a list of fake random numbers using pseudo-elements to make it CSS only.
      ricardobeat on HN
  • Visible blue or green dots between numbers for some readers

    From 2 comments
    • If I'm not having a problem with my eyes, there are blue(maybe green) dots between numbers.
      Xelom on HN
    • I don't see that really. I see something blue-ish when there is a zero or an eight. On those numbers to the left there is a small 'thing' on the left side of each.
      hfsktr on HN

Requests

  • Put the source code in the GitHub project repository

    From 1 comment
    • It would be nice if you used GitHub properly and put the source code in the actual project. Thanks!
      f055 on HN

Questions

  • Can CSS be exploited, and is a NoStylesheet extension needed

    From 1 comment
    • With all this power surely there must some exploits for CSS? Do we need NoStylesheet, in addition to NoScript?
      JetSpiegel on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/6721483)