[{"data":1,"prerenderedAt":174},["ShallowReactive",2],{"project-6721483":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":34,"aspects":35,"strip":41,"post_text":43,"what":44,"said":64,"maker_in_thread":110,"shape":112,"grid":114,"attempts":134,"same_week":135,"maker_shows":34,"maker_hidden":165,"reader_version":166,"card":167},"6721483","CSS Number Scrolling","A number scroller built with CSS, with some JavaScript.","ai","Show HN: CSS Number Scrolling","http:\u002F\u002Fandrelion.github.io\u002Fcss-number-scroll\u002F","andrelion.github.io","Bambo",1384293230,2013,12,8,1246,1739,72,"shown","creative","css ui effect","web_app",[24,25,26,27],"css","number scroll","css animation","web design","mixed",-0.278,{"positive":31,"neutral":32,"mixed":33,"critical":32},1,3,0,7,{"design":36,"execution":37,"idea":38,"docs":39,"privacy":40},{"positive":33,"critical":33},{"positive":31,"critical":31},{"positive":33,"critical":31},{"positive":33,"critical":31},{"positive":33,"critical":33},[32,32,42,31,31,31,32,33],5,null,{"problem":43,"audience":43,"pricing":43,"motivation":43,"time_to_build":43,"stack":45,"openness":63,"stage":63,"team_size":63},[46,58],{"value":47,"source":48,"evidence":49},"CSS","inferred",[50,54],{"id":51,"by":52,"text":53},"6721829","ricardobeat","Plenty of javascript in there. You could generate a list of fake random numbers using pseudo-elements to make it CSS only.",{"id":55,"by":56,"text":57},"6722031","Zikes","I see it as well. Using .num{width:.9em} fixed it for me.",{"value":59,"source":60,"evidence":61},"JavaScript","commenter",[62],{"id":51,"by":52,"text":53},"unknown",{"praise":65,"objections":70,"requests":93,"questions":101,"alternatives":109},[66],{"value":67,"source":60,"evidence":68},"The number scroll effect works well once a width is fixed",[69],{"id":55,"by":56,"text":57},[71,78,82],{"value":72,"source":60,"evidence":73},"Does not work in Chrome 24 on OS X Mavericks",[74],{"id":75,"by":76,"text":77},"6721673","alexobenauer","Doesn't seem to work in Chrome Version 24, OS X Mavericks. Worked in Safari though.",{"value":79,"source":60,"evidence":80},"Uses JavaScript where CSS alone could do it",[81],{"id":51,"by":52,"text":53},{"value":83,"source":60,"evidence":84},"Visible blue or green dots between numbers for some readers",[85,89],{"id":86,"by":87,"text":88},"6721650","Xelom","If I'm not having a problem with my eyes, there are blue(maybe green) dots between numbers.",{"id":90,"by":91,"text":92},"6721953","hfsktr","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.",[94],{"value":95,"source":60,"evidence":96},"Put the source code in the GitHub project repository",[97],{"id":98,"by":99,"text":100},"6722029","f055","It would be nice if you used GitHub properly and put the source code in the actual project. Thanks!",[102],{"value":103,"source":60,"evidence":104},"Can CSS be exploited, and is a NoStylesheet extension needed",[105],{"id":106,"by":107,"text":108},"6721658","JetSpiegel","With all this power surely there must some exploits for CSS? Do we need NoStylesheet, in addition to NoScript?",[],{"comments":33,"answered":33,"key":111},[],{"commenters":15,"max_depth":32,"maker_replies":33,"first_comment_mins":113,"lifespan_hours":31},22,[115,117,118,120,122,125,127,130],[86,33,32,116,87,33],"project\u002Fneutral\u002Fdesign",[90,33,32,116,91,33],[55,33,42,119,56,33],"project\u002Fpositive\u002Fexecution",[51,31,31,121,52,33],"project\u002Fcritical\u002Fidea",[75,123,31,124,76,33],2,"project\u002Fcritical\u002Fexecution",[98,32,31,126,99,33],"project\u002Fcritical\u002Fdocs",[106,128,32,129,107,33],4,"project\u002Fneutral\u002Fprivacy",[131,128,33,132,133,33],"6721714","commenter\u002Fneutral\u002Fnone","elliottcarlson",[],[136,141,145,150,155,160],{"id":137,"name":138,"points":139,"category":140},"6691316","StackDock",387,"infrastructure",{"id":142,"name":143,"points":144,"category":7},"6719582","thisplusthat",148,{"id":146,"name":147,"points":148,"category":149},"6721474","giveit100.com",147,"productivity",{"id":151,"name":152,"points":153,"category":154},"6696654","Rather",98,"consumer_social",{"id":156,"name":157,"points":158,"category":159},"6689214","Shippo",95,"web_saas",{"id":161,"name":162,"points":163,"category":164},"6727586","DataNitro",82,"data",false,"v2",{"id":168,"name":5,"line":6,"ai":169,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":170,"top":18,"kw":171,"maker":11,"domain":10,"tier":19,"attempts":33,"strip":172,"url":9,"mix":173,"praise":67,"objection":72,"sub":21},6721483,true,-0.28,[24,25,26,27],"33511130",[31,32,33,32],1793990899686]