[{"data":1,"prerenderedAt":210},["ShallowReactive",2],{"project-9289061":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":42,"what":43,"said":67,"maker_in_thread":125,"shape":137,"grid":140,"attempts":170,"same_week":171,"maker_shows":126,"maker_hidden":202,"reader_version":203,"card":204},"9289061","cta.js","Animate your 'action-to-effect' paths","title","Show HN: cta.js – Animate your 'action-to-effect' paths","http:\u002F\u002Fkushagragour.in\u002Flab\u002Fctajs\u002F","kushagragour.in","chinchang",1427719130,2015,32,15,870,2565,34,"shown","creative","animation library","library",[24,25,26,27],"javascript animation","ui motion","css animation","cross browser","roasted",-0.091,{"positive":31,"neutral":32,"mixed":32,"critical":33},4,0,5,9,{"execution":36,"design":38,"idea":39},{"positive":37,"critical":31},1,{"positive":37,"critical":37},{"positive":40,"critical":32},2,[37,32,37,32,37,32,33,33,37,32,33,33,37,32,32],null,{"problem":44,"audience":42,"pricing":42,"motivation":42,"time_to_build":42,"stack":56,"openness":65,"stage":66,"team_size":65},{"value":45,"source":46,"evidence":47},"Guiding users' attention through UI steps with choreographed motion.","commenter",[48,52],{"id":49,"by":50,"text":51},"9289937","cheriot","> Carefully choreographed motion design can effectively guide the user’s attention and focus through multiple steps of a process or procedure, avoid confusion when layouts change…",{"id":53,"by":54,"text":55},"9290189","neilellis","Great, yep that's what we need. I prefer to use animation only to guide the user - not for 'oooh-ahhh' Flash-esque nonsense. So a library geared towards just that would save so…",[57],{"value":58,"source":59,"evidence":60},"JavaScript","inferred",[61],{"id":62,"by":63,"text":64},"9291114","Excavator","I'm curious, what is it that makes it Chrome only? Looks like only CSS transition and animation is special cased for WebKit but that's been unprefixed in Firefox since years…","unknown","beta",{"praise":68,"objections":82,"requests":105,"questions":115,"alternatives":120},[69,78],{"value":70,"source":46,"evidence":71},"Motion for guiding attention, not decoration, is a good idea",[72,73,74],{"id":49,"by":50,"text":51},{"id":53,"by":54,"text":55},{"id":75,"by":76,"text":77},"9290109","softdev12","This looks nice. It seems to have much of the same functionality as jquery coupled with jquery-ui, right? Or am I missing something? I've used jquery to do all sorts of slide…",{"value":79,"source":46,"evidence":80},"Sidebar pop-out effect is nice",[81],{"id":75,"by":76,"text":77},[83,98],{"value":84,"source":46,"evidence":85},"Only worked in Chrome, not cross-browser",[86,90,94],{"id":87,"by":88,"text":89},"9290977","mcherm","I tried this and found it to be incredibly poor. Then I discovered by reading the comments that this is because it doesn't work correctly in my browser. Normally, I would advise…",{"id":91,"by":92,"text":93},"9289816","joshcrowder","I like the effects but the fact it only works with Chrome is a no-go for me. I don't see it being be too difficult to get this working in safari, firefox or modern IE..",{"id":95,"by":96,"text":97},"9290123","thebouv","Chrome only makes it hard to use, but I've starred it and if I can somehow squeeze in time, I'd love to fork the project and see if I can help bring it to other browsers.",{"value":99,"source":46,"evidence":100},"Get Started call to action does not use the library",[101],{"id":102,"by":103,"text":104},"9290321","jasonlfunk","It seems a little ironic that the main call to action on the website (\"Get Started\") doesn't seem to use the library.",[106,111],{"value":107,"source":46,"evidence":108},"Support Safari, Firefox and IE",[109,110],{"id":91,"by":92,"text":93},{"id":95,"by":96,"text":97},{"value":112,"source":46,"evidence":113},"Provide a jQuery plugin version",[114],{"id":75,"by":76,"text":77},[116],{"value":117,"source":46,"evidence":118},"Why is it Chrome only (Firefox getComputedStyle issue)",[119],{"id":62,"by":63,"text":64},[121],{"value":122,"source":46,"evidence":123},"jQuery with jQuery UI",[124],{"id":75,"by":76,"text":77},{"comments":126,"answered":37,"key":127},6,[128,131,134],{"id":129,"text":130},"9317876","The library works in all major browsers now. Thanks for the feedback.",{"id":132,"text":133},"9290347","That is the first thing on my priority list. Will be coming soon.",{"id":135,"text":136},"9317883","Fixed for firefox now. Using computed style's `backgroundColor` key.",{"commenters":34,"max_depth":33,"maker_replies":126,"first_comment_mins":138,"lifespan_hours":139},125,108,[141,143,145,146,147,148,150,153,155,158,161,163,164,165,167],[87,32,37,142,88,32],"project\u002Fcritical\u002Fexecution",[129,32,32,144,11,37],"maker\u002Fneutral\u002Fexecution",[91,37,37,142,92,32],[132,37,32,144,11,37],[62,37,37,142,63,32],[135,37,32,149,11,37],"project\u002Fneutral\u002Fexecution",[151,37,33,152,63,32],"9319376","maker\u002Fpositive\u002Fexecution",[75,40,33,154,76,32],"project\u002Fpositive\u002Fdesign",[102,156,37,157,103,32],3,"project\u002Fcritical\u002Fdesign",[159,156,32,160,11,37],"9290371","maker\u002Fneutral\u002Fdesign",[49,31,33,162,50,32],"project\u002Fpositive\u002Fidea",[53,33,33,162,54,32],[95,126,37,142,96,32],[166,126,32,144,11,37],"9290356",[168,126,32,169,11,37],"9317889","project\u002Fpositive\u002Fexecution",[],[172,177,182,187,192,197],{"id":173,"name":174,"points":175,"category":176},"9271946","SSL Decoder",160,"security_privacy",{"id":178,"name":179,"points":180,"category":181},"9297316","Netlify",116,"infrastructure",{"id":183,"name":184,"points":185,"category":186},"9295596","Notello",100,"productivity",{"id":188,"name":189,"points":190,"category":191},"9290087","Chrome",72,"dev_tools",{"id":193,"name":194,"points":195,"category":196},"9291842","Bitterness",67,"consumer_social",{"id":198,"name":199,"points":200,"category":201},"9298338","Boids",63,"learning_science",false,"v2",{"id":205,"name":5,"line":6,"ai":202,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":206,"top":18,"kw":207,"maker":11,"domain":10,"tier":19,"attempts":32,"strip":208,"url":9,"mix":209,"praise":70,"objection":84,"sub":21},9289061,-0.09,[24,25,26,27],"101010551055100",[31,32,32,33],1793990922297]