[{"data":1,"prerenderedAt":368},["ShallowReactive",2],{"project-7663775":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":44,"post_text":46,"what":47,"said":80,"maker_in_thread":190,"shape":201,"grid":205,"attempts":328,"same_week":333,"maker_shows":38,"maker_hidden":360,"reader_version":361,"card":362},"7663775","Velocity.js","Accelerated JavaScript animation","title","Show HN: Velocity.js – Accelerated JavaScript animation","http:\u002F\u002FVelocityJS.org","velocityjs.org","purpleturtle",1398726936,2014,160,49,150,2272,7,"notable","dev_tools","javascript animation library","library",[24,25,26,27],"javascript animation","jquery animation","css animation performance","web animation library","curious",0.029,{"positive":18,"neutral":31,"mixed":32,"critical":33},14,1,6,28,{"performance":36,"idea":39,"docs":41,"execution":42},{"positive":37,"critical":38},3,2,{"positive":32,"critical":40},0,{"positive":32,"critical":40},{"positive":40,"critical":43},4,[40,40,40,32,40,37,40,45,40,45,37,32,45,45,40,37,40,37,40,32,37,40,37,45,32,37,37,40,37,40,45,32,40,37,37,37,40,32,40,45],5,null,{"problem":48,"audience":58,"pricing":46,"motivation":63,"time_to_build":46,"stack":67,"openness":79,"stage":79,"team_size":79},{"value":49,"source":50,"evidence":51},"Slow or limited browser animation with jQuery and CSS transitions at high element counts","maker",[52,55],{"id":53,"by":11,"text":54},"7664126","Transit doesn't incur much overhead: https:\u002F\u002Fgithub.com\u002Frstacruz\u002Fjquery.transit\u002Fblob\u002Fmaster\u002Fjquery.transit.js Either way, there'd need to be some sort of chaining implementation…",{"id":56,"by":11,"text":57},"7664853","Exactly right -- Velocity is a jQuery plugin and jQuery UI\u002FCSS transitions replacement whereas Famo.us is a full-fledged app framework built around a physics engine. As for a…",{"value":59,"source":60,"evidence":61},"Web developers animating page DOM elements","inferred",[62],{"id":56,"by":11,"text":57},{"value":64,"source":50,"evidence":65},"Faster animation than jQuery and CSS transitions, combining jQuery, jQuery UI and transitions features",[66],{"id":53,"by":11,"text":54},[68,75],{"value":69,"source":60,"evidence":70},"JavaScript",[71],{"id":72,"by":73,"text":74},"7664406","isaacdl","I'm really impressed by the level of documentation in the code[0]. Makes it fun to read. [0]https:\u002F\u002Fgithub.com\u002Fjulianshapiro\u002Fvelocity\u002Fblob\u002Fmaster\u002Fjquery.velocity.js",{"value":76,"source":50,"evidence":77},"jQuery plugin",[78],{"id":56,"by":11,"text":57},"unknown",{"praise":81,"objections":105,"requests":139,"questions":155,"alternatives":171},[82,89,94],{"value":83,"source":50,"evidence":84},"Faster than CSS transitions and Transit at high element counts",[85,86],{"id":53,"by":11,"text":54},{"id":87,"by":11,"text":88},"7663969","Yep, Transit is super small. Velocity still gets quite small though -- about 7Kb when zipped. As for Transit's tearing and banding at high element counts -- that is indeed the…",{"value":90,"source":91,"evidence":92},"Well documented code","commenter",[93],{"id":72,"by":73,"text":74},{"value":95,"source":91,"evidence":96},"Useful for jQuery animation replacement",[97,101],{"id":98,"by":99,"text":100},"7664337","nkozyra","Wonderful. This is one of those things that dogs me as a developer - accepting things as they are. It's something we should all look out for. If you've ever just tacitly,…",{"id":102,"by":103,"text":104},"7671790","ArtDev","I am definitely going to use it on my next project that needs any animation at all. Nice work.",[106,117,124],{"value":107,"source":91,"evidence":108},"Imperative JS animation argued to be slower or worse than CSS transitions",[109,113],{"id":110,"by":111,"text":112},"7665808","TeeWEE","Dont forget that CSS based animation is a declarative based animation framework while Velocity.js is using imperative code to animate (while the calls look declarative, the code…",{"id":114,"by":115,"text":116},"7664023","goldenkey","``` \"Because transitions aren't natively controlled by JavaScript (they are merely triggered by JavaScript), the browser does not know how to optimize transitions in sync with…",{"value":118,"source":91,"evidence":119},"Performance claims unsupported by comparison",[120],{"id":121,"by":122,"text":123},"7664118","nevir","Shouldn't your comparison widget also have a pure CSS option? Maybe I'm missing something, but I'm not seeing anything to back up the claims that this is more performant than…",{"value":125,"source":91,"evidence":126},"Playground and demos broken or confusing",[127,131,135],{"id":128,"by":129,"text":130},"7665580","oe","The playground seems broken (stuck on \"Let's play...\")",{"id":132,"by":133,"text":134},"7667606","leo_mck","Should the 3D demo work on IE11? It started fine but then broke, on desktop and wp8.1.",{"id":136,"by":137,"text":138},"7669887","flockonus","I wonder if other people also see the jitters in this demo when the box is returning to left? http:\u002F\u002Fcdpn.io\u002FpLAxF (click the red box)",[140,151],{"value":141,"source":91,"evidence":142},"Link to a live demo",[143,147],{"id":144,"by":145,"text":146},"7666713","kylebrown","Can I just get a link to the demo please? There's no reason I should have to watch a youtube video in order to see a javascript demo.",{"id":148,"by":149,"text":150},"7667011","Flenser","It's the link right after the link to the youtube video: http:\u002F\u002Fjulian.com\u002Fresearch\u002Fvelocity\u002Fdemo.html",{"value":152,"source":91,"evidence":153},"Pure CSS option in comparison widget",[154],{"id":121,"by":122,"text":123},[156,167],{"value":157,"source":91,"evidence":158},"How does performance compare with Famo.us and GreenSock",[159,163],{"id":160,"by":161,"text":162},"7664843","dcsan","how does performance compare with famo.us? they're also css haters, to quote > “We saw Javascript could do a raw game rendering engine, but we found a way to render an app and…",{"id":164,"by":165,"text":166},"7664324","itistoday2","Nice, how does this compare with Greensock's performance? Is it better, or about the same?",{"value":168,"source":91,"evidence":169},"Why is it faster than CSS animations",[170],{"id":110,"by":111,"text":112},[172,179,186],{"value":173,"source":91,"evidence":174},"jQuery Transit",[175],{"id":176,"by":177,"text":178},"7663933","leeoniya","any thoughts on how it compares to the CSS transitions polyfill [1], speedwise? [1] https:\u002F\u002Fgithub.com\u002Frstacruz\u002Fjquery.transit",{"value":180,"source":91,"evidence":181},"GreenSock (GSAP)",[182,183],{"id":164,"by":165,"text":166},{"id":184,"by":11,"text":185},"7665376","GSAP is awesome. They proved to me that Velocity was a worthwhile pursuit.",{"value":187,"source":91,"evidence":188},"Famo.us",[189],{"id":160,"by":161,"text":162},{"comments":191,"answered":192,"key":193},11,8,[194,197,200],{"id":195,"text":196},"7664307","I agree. The issue is the DOM. (For contrast, I've seen highly performant 3D worlds rendered in the browser via WebGL that don't bring my computer to its knees.) We've been…",{"id":198,"text":199},"7667963","Yep, I authored an article on CSS vs. JavaScript performance here: http:\u002F\u002Fdavidwalsh.name\u002Fcss-js-animation",{"id":53,"text":54},{"commenters":202,"max_depth":45,"maker_replies":191,"first_comment_mins":203,"lifespan_hours":204},34,40,30,[206,210,212,215,219,222,225,227,228,230,233,235,237,241,245,249,253,254,255,257,258,262,266,268,270,274,276,278,279,282,284,287,289,291,293,295,296,298,300,303,306,310,312,315,318,319,321,323,325],[207,40,40,208,209,40],"7664290","other\u002Fneutral\u002Fperformance","jnbiche",[195,40,40,211,11,32],"commenter\u002Fneutral\u002Fperformance",[213,40,40,211,214,40],"7664680","hughes",[216,40,32,217,218,40],"7666316","project\u002Fcritical\u002Fperformance","olegkikin",[220,40,40,221,209,40],"7666729","commenter\u002Fneutral\u002Fnone",[223,40,40,221,224,40],"7667086","jdc0589",[110,32,37,226,111,40],"project\u002Fneutral\u002Fperformance",[198,32,40,226,11,32],[98,38,45,229,99,40],"project\u002Fpositive\u002Fidea",[231,38,40,221,232,40],"7664651","25cf",[234,38,40,221,99,40],"7665989",[72,37,45,236,73,40],"project\u002Fpositive\u002Fdocs",[238,37,37,239,240,40],"7664586","project\u002Fmixed\u002Fexecution","caipre",[242,37,32,243,244,40],"7665419","project\u002Fcritical\u002Fexecution","dsego",[246,43,45,247,248,40],"7663946","maker\u002Fpositive\u002Fnone","slajax",[250,45,45,251,252,40],"7664032","project\u002Fpositive\u002Fperformance","tambourine_man",[121,33,37,226,122,40],[53,33,40,226,11,32],[160,18,37,256,161,40],"project\u002Fneutral\u002Fidea",[56,18,40,256,11,32],[259,18,40,260,261,40],"7666124","other\u002Fneutral\u002Fnone","spyder",[263,192,37,264,265,40],"7664047","project\u002Fneutral\u002Fnone","voltagex_",[267,192,40,264,11,32],"7664743",[136,269,32,243,137,40],9,[271,272,37,256,273,40],"7663941",10,"daemonk",[275,272,40,256,11,32],"7663948",[144,191,37,277,145,40],"project\u002Fneutral\u002Fdocs",[148,191,37,277,149,40],[102,280,45,281,103,40],12,"project\u002Fpositive\u002Fnone",[132,283,32,243,133,40],13,[285,31,37,256,286,40],"7666571","macca321",[288,31,40,256,11,32],"7667970",[176,290,37,226,177,40],15,[292,290,40,277,11,32],"7663939",[294,290,37,226,177,40],"7663950",[87,290,40,226,11,32],[297,290,45,251,177,40],"7664085",[128,299,32,243,129,40],16,[301,299,40,221,302,40],"7665620","unklefolk",[304,299,40,260,305,40],"7665880","rhythmvs",[307,308,37,256,309,40],"7663988",17,"lightblade",[164,311,37,226,165,40],18,[313,311,37,226,314,40],"7664610","morenoh149",[316,311,37,256,317,40],"7665358","bunkat",[184,311,40,221,11,32],[114,320,32,217,115,40],19,[322,320,40,211,11,32],"7664034",[324,320,40,211,115,40],"7664075",[326,320,45,251,327,40],"7664311","neilk",[329,330],{"id":4,"t":12,"points":14,"comments":15},{"id":331,"t":332,"points":32,"comments":40},"18542995",1543332538,[334,339,343,348,352,356],{"id":335,"name":336,"points":337,"category":338},"7664240","Betatype",285,"web_saas",{"id":340,"name":341,"points":342,"category":20},"7666102","Marvel",222,{"id":344,"name":345,"points":346,"category":347},"7652874","Isomer",181,"languages",{"id":349,"name":350,"points":14,"category":351},"7677018","Life Goes On","games",{"id":353,"name":354,"points":355,"category":347},"7643084","node-read",80,{"id":357,"name":358,"points":359,"category":338},"7666761","startup job",74,false,"v2",{"id":363,"name":5,"line":6,"ai":360,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":364,"top":18,"kw":365,"maker":11,"domain":10,"tier":19,"attempts":38,"strip":366,"url":9,"mix":367,"praise":83,"objection":107,"sub":21},7663775,0.03,[24,25,26,27],"0001030505315503030130351330305103330105",[18,31,32,33],1793990904984]