[{"data":1,"prerenderedAt":241},["ShallowReactive",2],{"project-12424738":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":35,"aspects":36,"strip":42,"post_text":45,"what":46,"said":58,"maker_in_thread":133,"shape":142,"grid":145,"attempts":203,"same_week":204,"maker_shows":43,"maker_hidden":233,"reader_version":234,"card":235},"12424738","Txt.wav","Text Animation Library","title","Show HN: Txt.wav – Text Animation Library","http:\u002F\u002Fwww.stilllife.studio\u002Ftxtwav","stilllife.studio","eorge_g",1473002101,2016,98,23,384,2264,17,"notable","creative","text animation library","library",[24,25,26,27],"text animation","javascript library","css animation","text effects","mixed",-0.237,{"positive":31,"neutral":32,"mixed":33,"critical":34},2,7,0,6,15,{"execution":37,"design":39,"idea":41},{"positive":33,"critical":38},4,{"positive":33,"critical":40},1,{"positive":40,"critical":33},[40,33,33,33,43,40,40,40,43,33,33,43,43,33,44,43,40,33,43,43,44,33,40],3,5,null,{"problem":45,"audience":45,"pricing":45,"motivation":47,"time_to_build":45,"stack":54,"openness":55,"stage":56,"team_size":57},{"value":48,"source":49,"evidence":50},"Recreated the same functionality several times and wanted to give back to the open source community","maker",[51],{"id":52,"by":11,"text":53},"12424843","Thanks for checking out our project! We made this after recreating this functionality a few different times and love giving back to the open source community. Dependency free,…",[],"open_source","launched","unknown",{"praise":59,"objections":72,"requests":101,"questions":127,"alternatives":132},[60,64],{"value":61,"source":49,"evidence":62},"Compact, dependency-free animation library",[63],{"id":52,"by":11,"text":53},{"value":65,"source":66,"evidence":67},"Reverse video effect when text is selected is fun","commenter",[68],{"id":69,"by":70,"text":71},"12424863","koytch","Select the text to enjoy fully in reverse video.",[73,80,87,94],{"value":74,"source":66,"evidence":75},"Breaks screen readers: each letter read separately in VoiceOver",[76],{"id":77,"by":78,"text":79},"12425290","gok","Yep, this totally kills VoiceOver (haven't tried other screen readers) the way it's implemented. Each letter gets read separately. Check out ARIA.",{"value":81,"source":66,"evidence":82},"Broken on IE and Edge, text prefixed with 'null'",[83],{"id":84,"by":85,"text":86},"12425515","j4_james","On IE and Edge, every sentence becomes prefixed with the string \"null\". This appears to be caused by the code that clears the element content with: ``` el.innerHTML = null; ```…",{"value":88,"source":66,"evidence":89},"Limited feature set; the first three effects look the same at different speeds",[90],{"id":91,"by":92,"text":93},"12426494","izolate","The first 3 seem to be the same effect at different speeds. Quite a limited feature set.",{"value":95,"source":66,"evidence":96},"Did not work on Firefox 48.0.1 at first",[97],{"id":98,"by":99,"text":100},"12424989","Deadsunrise","Not working on Firefox 48.0.1",[102,109,120],{"value":103,"source":66,"evidence":104},"Put on a CDN for use in CodePen",[105],{"id":106,"by":107,"text":108},"12427548","taivare","can you put this on a CDN so I can bring it into Codepen ?",{"value":110,"source":66,"evidence":111},"Use text animations to highlight code semantics",[112,116],{"id":113,"by":114,"text":115},"12425925","z3t4","I wonder if it's possible to increase readability or fun factor or programming code by adding animations. Like an evaluation to color highlighting. I'm sure you will hate the…",{"id":117,"by":118,"text":119},"12426217","stingraycharles","This is a great idea. It pretty much adds a new dimension to syntax highlighting, and can be used for many additional semantics. Network communication, dangerous functions \u002F race…",{"value":121,"source":66,"evidence":122},"Blinking text",[123],{"id":124,"by":125,"text":126},"12425404","horsecaptin","Feature request: blinky text.",[128],{"value":129,"source":66,"evidence":130},"Is there R&D on animations improving code readability?",[131],{"id":113,"by":114,"text":115},[],{"comments":38,"answered":40,"key":134},[135,138,139],{"id":136,"text":137},"12425538","thanks!",{"id":52,"text":53},{"id":140,"text":141},"12425024","thanks for the report, we'll fix that! thank you for the interest",{"commenters":143,"max_depth":43,"maker_replies":38,"first_comment_mins":18,"lifespan_hours":144},18,10,[146,148,150,153,155,157,160,161,165,166,169,173,176,177,180,182,187,189,191,194,196,198,200],[84,33,40,147,85,33],"project\u002Fcritical\u002Fexecution",[136,33,33,149,11,40],"commenter\u002Fneutral\u002Fnone",[151,33,33,149,152,33],"12426551","nthcolumn",[52,40,33,154,11,40],"project\u002Fneutral\u002Fidea",[69,31,43,156,70,33],"project\u002Fneutral\u002Fdesign",[158,43,40,147,159,33],"12425037","SimeVidas",[77,43,40,147,78,33],[162,38,40,163,164,33],"12425523","project\u002Fcritical\u002Fnone","anotheryou",[124,44,43,156,125,33],[167,44,33,149,168,33],"12425431","theophrastus",[170,44,33,171,172,33],"12426500","other\u002Fneutral\u002Fnone","edejong",[174,34,43,154,175,33],"12425146","thekonqueror",[113,32,43,154,114,33],[178,32,33,179,114,33],"12425960","other\u002Fneutral\u002Fidea",[117,32,44,181,118,33],"project\u002Fpositive\u002Fidea",[183,184,43,185,186,33],"12427360",8,"project\u002Fneutral\u002Fnone","Volt",[98,188,40,147,99,33],9,[140,188,33,190,11,40],"project\u002Fneutral\u002Fexecution",[192,188,43,190,193,33],"12425420","awqrre",[195,188,43,190,164,33],"12425603",[106,144,44,197,107,33],"project\u002Fpositive\u002Fnone",[199,144,33,185,11,40],"12427578",[91,201,40,202,92,33],11,"project\u002Fcritical\u002Fdesign",[],[205,210,214,219,224,229],{"id":206,"name":207,"points":208,"category":209},"12404871","Duet",396,"web_saas",{"id":211,"name":212,"points":213,"category":209},"12427505","Postacard",218,{"id":215,"name":216,"points":217,"category":218},"12431724","HN Chat",180,"consumer_social",{"id":220,"name":221,"points":222,"category":223},"12441302","sdees",100,"security_privacy",{"id":225,"name":226,"points":227,"category":228},"12421042","Grumbles.js",91,"languages",{"id":230,"name":231,"points":227,"category":232},"12421804","Mobi.css","dev_tools",false,"v2",{"id":236,"name":5,"line":6,"ai":233,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":237,"top":18,"kw":238,"maker":11,"domain":10,"tier":19,"attempts":33,"strip":239,"url":9,"mix":240,"praise":61,"objection":74,"sub":21},12424738,-0.24,[24,25,26,27],"10003111300330531033501",[31,32,33,34],1794036547309]