[{"data":1,"prerenderedAt":299},["ShallowReactive",2],{"project-7868368":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":27,"sentiment":28,"stance_mix":29,"scored_comments":32,"aspects":33,"strip":40,"post_text":42,"what":43,"said":80,"maker_in_thread":171,"shape":182,"grid":186,"attempts":262,"same_week":263,"maker_shows":35,"maker_hidden":291,"reader_version":292,"card":293},"7868368","Bounce.js","A tool for generating CSS3 animations","title","Show HN: Bounce.js – A tool for generating CSS3 animations","http:\u002F\u002Fbouncejs.com\u002F","bouncejs.com","JoelBesada",1402321138,2014,172,32,127,2272,6,"notable","dev_tools","css animation generator","web_app",[24,21,25,26],"css3 animation","bounce animation","animation editor","mixed",0.188,{"positive":18,"neutral":30,"mixed":31,"critical":30},3,1,13,{"idea":34,"design":37,"execution":39},{"positive":35,"critical":36},4,0,{"positive":38,"critical":36},2,{"positive":36,"critical":30},[36,36,41,41,41,41,30,36,31,30,31,36,30,30,36,41,36,36,36,36,41,36,36,36,36,36,36,36,36,31,36,36],5,null,{"problem":44,"audience":58,"pricing":42,"motivation":42,"time_to_build":42,"stack":69,"openness":78,"stage":79,"team_size":78},{"value":45,"source":46,"evidence":47},"Creating CSS3 animations without hand-writing keyframe code","inferred",[48,50,54],{"id":49},"post",{"id":51,"by":52,"text":53},"7868923","mrtksn","It's nice, like animate css: http:\u002F\u002Fdaneden.github.io\u002Fanimate.css\u002F My main problem with CSS animations is that it does not have an easy way to detect and intercept the animation…",{"id":55,"by":56,"text":57},"7868671","micahroberson","This certainly isn't a tool I would use very often, but when the need does arise for a cool little animation, it's perfect!",{"value":59,"source":46,"evidence":60},"Web designers and developers building animations",[61,65],{"id":62,"by":63,"text":64},"7868993","Duhck","Love this, and honestly I really admire TicTail. They have such an awesome UX and thoughtful user on boarding process(es). One of the most inspiring startups for me as a designer…",{"id":66,"by":67,"text":68},"7868426","lbacaj","Actually looks great. Seems like a nice thing to use for a quick splash screen of an App. I am not sure I would use it all over the place though, but still really nice job.",[70],{"value":71,"source":72,"evidence":73},"CoffeeScript","commenter",[74],{"id":75,"by":76,"text":77},"7868488","drinchev","Amazing job. I was looking for something like this since ages. I think a great improvement would be if it generates SASS\u002FSCSS + Compass code as an export feature. I saw it's…","unknown","launched",{"praise":81,"objections":103,"requests":126,"questions":146,"alternatives":153},[82,94,99],{"value":83,"source":72,"evidence":84},"Slick, clean design and great UX",[85,89,90],{"id":86,"by":87,"text":88},"7868577","basicallydan","I upvoted this on designer news, happy to do it here as well. This is such a slick app. I agree with the person who suggested SASS, but really, great job. Getting it so clean and…",{"id":62,"by":63,"text":64},{"id":91,"by":92,"text":93},"7870254","owenversteeg","Wow, really nice work! This is in harsh comparison to the other piles of animation libraries which seem to be slow and bloated. I especially like the \"jelly\" effect. My only…",{"value":95,"source":72,"evidence":96},"Useful for quick animations like splash screens",[97,98],{"id":66,"by":67,"text":68},{"id":55,"by":56,"text":57},{"value":100,"source":72,"evidence":101},"Better than bloated animation libraries",[102],{"id":91,"by":92,"text":93},[104,115,119],{"value":105,"source":72,"evidence":106},"Generated CSS has hardcoded numbers and is hard to maintain",[107,111],{"id":108,"by":109,"text":110},"7869942","ape4","The CSS code has tons of hardcoded numbers. Ugly for future programers to read and maintain. Isn't there a way to do this with prettier code. eg JS make CSS.",{"id":112,"by":113,"text":114},"7871546","mkoryak","cool, but the output css reminds me of animations I made in 1998 using dreamweaver. It also generated a ton of \"steps\" that it would call via setTimeout to make the div move…",{"value":116,"source":72,"evidence":117},"Animation editor is unintuitive",[118],{"id":91,"by":92,"text":93},{"value":120,"source":72,"evidence":121},"Does not degrade gracefully without cookies or in some browsers",[122],{"id":123,"by":124,"text":125},"7868503","exceptione","Doesn't work on the latest release of firefox with cookies disabled, and doesn't show gracefull degradation..",[127,132,139],{"value":128,"source":72,"evidence":129},"Export to SASS\u002FSCSS and Compass",[130,131],{"id":75,"by":76,"text":77},{"id":86,"by":87,"text":88},{"value":133,"source":72,"evidence":134},"Add opacity fade controls",[135],{"id":136,"by":137,"text":138},"7868944","m1","Look's very nice. Maybe add controls for opacity for fading in\u002Fout?",{"value":140,"source":72,"evidence":141},"Penner easing functions",[142],{"id":143,"by":144,"text":145},"7870041","acron0","The desperately wants a full set of Penner's easing functions.",[147],{"value":148,"source":72,"evidence":149},"Why is the square draggable?",[150],{"id":151,"by":152,"text":148},"7871308","spb",[154,158,165],{"value":155,"source":72,"evidence":156},"Animate.css",[157],{"id":51,"by":52,"text":53},{"value":159,"source":72,"evidence":160},"Facebook Rebound",[161],{"id":162,"by":163,"text":164},"7869096","wsbail29","Cool stuff. If you are interested in creating effects like this you might also be interested in: http:\u002F\u002Ffacebook.github.io\u002Frebound\u002Frebound-js\u002Fdocs\u002Frebound.html",{"value":166,"source":72,"evidence":167},"Web Animations",[168],{"id":169,"by":152,"text":170},"7871304","Web Animations. http:\u002F\u002Fwww.polymer-project.org\u002Fplatform\u002Fweb-animations.html",{"comments":30,"answered":31,"key":172},[173,176,179],{"id":174,"text":175},"7870035","Yes the underlying JS library for generating the animations is coming out soon! In the meanwhile you can still save the URL for the generated animation if you need to go back to…",{"id":177,"text":178},"7872117","No reason, really. :)",{"id":180,"text":181},"7870054","Hey thanks! I was really not trying to abuse the voting system, but I can see that it becomes a bit suspicious when a bunch of people from the office want to upvote my project.",{"commenters":183,"max_depth":18,"maker_replies":30,"first_comment_mins":184,"lifespan_hours":185},24,14,100,[187,189,191,193,195,196,197,199,200,203,206,208,210,212,215,216,220,223,226,228,229,231,234,237,239,242,245,247,249,254,256,259],[51,36,36,188,52,36],"other\u002Fneutral\u002Fidea",[169,36,36,190,152,36],"other\u002Fneutral\u002Fnone",[75,31,41,192,76,36],"project\u002Fpositive\u002Fidea",[62,38,41,194,63,36],"maker\u002Fpositive\u002Fdesign",[66,30,41,192,67,36],[55,35,41,192,56,36],[91,41,30,198,92,36],"project\u002Fmixed\u002Fdesign",[162,18,36,190,163,36],[112,201,31,202,113,36],7,"project\u002Fcritical\u002Fexecution",[143,204,30,205,144,36],8,"project\u002Fneutral\u002Fidea",[108,207,31,202,109,36],9,[174,207,36,209,11,31],"project\u002Fneutral\u002Fexecution",[136,211,30,205,137,36],10,[151,213,30,214,152,36],11,"project\u002Fneutral\u002Fdesign",[177,213,36,214,11,31],[217,218,41,192,219,36],"7868693",12,"Gamblor",[221,32,36,190,222,36],"7869763","dang",[224,32,36,190,225,36],"7869836","EGreg",[227,32,36,190,222,36],"7870505",[180,32,36,190,11,31],[86,184,41,230,87,36],"project\u002Fpositive\u002Fdesign",[232,184,36,190,233,36],"7868811","philbarr",[235,184,36,190,236,36],"7868828","mmelin",[238,184,36,190,76,36],"7869037",[240,184,36,190,241,36],"7870108","aroman",[243,184,36,190,244,36],"7871934","riffraff",[246,184,36,190,241,36],"7872000",[248,184,36,190,76,36],"7890006",[250,251,36,252,253,36],"7868807",15,"other\u002Fcritical\u002Fidea","markhahn",[123,255,31,202,124,36],16,[257,255,36,258,236,36],"7868732","commenter\u002Fneutral\u002Fnone",[260,255,36,258,261,36],"7868897","taf2",[],[264,269,273,278,282,287],{"id":265,"name":266,"points":267,"category":268},"7862578","json_resume",187,"productivity",{"id":270,"name":271,"points":272,"category":20},"7858296","GoNative",148,{"id":274,"name":275,"points":276,"category":277},"7868211","visited-captcha-history",140,"security_privacy",{"id":279,"name":280,"points":281,"category":20},"7858828","Silk",113,{"id":283,"name":284,"points":285,"category":286},"7869726","Front",94,"web_saas",{"id":288,"name":289,"points":290,"category":20},"7872113","Go HTTP Router Benchmark",89,false,"v2",{"id":294,"name":5,"line":6,"ai":291,"cat":20,"year":13,"points":14,"comments":15,"rec":27,"s":295,"top":18,"kw":296,"maker":11,"domain":10,"tier":19,"attempts":36,"strip":297,"url":9,"mix":298,"praise":83,"objection":105,"sub":21},7868368,0.19,[24,21,25,26],"00555530131033050000500000000100",[18,30,31,30],1794036518859]