[{"data":1,"prerenderedAt":406},["ShallowReactive",2],{"project-29234636":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":43,"post_text":45,"what":46,"said":76,"maker_in_thread":190,"shape":197,"grid":202,"attempts":367,"same_week":368,"maker_shows":44,"maker_hidden":398,"reader_version":399,"card":400},"29234636","TextFrame","A no-code tool to create animated technical papers","title","Show HN: I made a no-code tool to create animated technical papers","https:\u002F\u002Ftextframe.app\u002Fexamples\u002Fbitcoin","textframe.app","Outofthebot",1637020442,2021,246,65,157,2533,7,"notable","creative","animated documents","web_app",[24,25,21,26],"animated papers","no-code","interactive explainers","mixed",0.263,{"positive":30,"neutral":18,"mixed":18,"critical":31},13,5,32,{"execution":34,"idea":37,"design":40,"docs":41,"performance":42},{"positive":35,"critical":36},0,2,{"positive":38,"critical":39},9,1,{"positive":39,"critical":39},{"positive":39,"critical":35},{"positive":35,"critical":39},[35,44,44,44,31,31,44,31,44,44,35,44,44,35,39,31,35,31,44,44,31,35,31,39,35,35,35,35,44,39,31,44,31,31,35,35,35,35,35,35],3,null,{"problem":47,"audience":58,"pricing":45,"motivation":45,"time_to_build":45,"stack":73,"openness":74,"stage":75,"team_size":74},{"value":48,"source":49,"evidence":50},"Technical papers are static; animations can help explain diagrams and concepts alongside the text.","inferred",[51,54],{"id":52,"by":11,"text":53},"29234674","Hi HN, My name is Rahul Sarathy and I created TextFrame, a no-code platform to create animated written content. I've linked an example here where I use TextFrame to animate the…",{"id":55,"by":56,"text":57},"29238144","htshnr","I heavily disagree with this. I went through the example papers on the website and found that the animations made a huge positive impact on my experience. While people who prefer…",{"value":59,"source":49,"evidence":60},"Writers of technical content, educators, and readers of technical papers.",[61,65,69],{"id":62,"by":63,"text":64},"29238227","rkuska","This is actually a really nice idea. In my current gig we write technical documentation (before implementing) that has both words\u002Fsentences and visuals in it. My co-workers have…",{"id":66,"by":67,"text":68},"29238260","challenger-derp","Thumbs up. Enjoyed the demo. As someone who reads technical papers and is a visual learner, I enjoyed this demonstration a lot. I'd imagine website\u002Fwebapp-based electronic…",{"id":70,"by":71,"text":72},"29238560","OneTimePetes","That is because the target market usually shuns technical papers, because the tool didnt exist previously. This is for the Projectlead who sends you links to papers, to do…",[],"unknown","beta",{"praise":77,"objections":99,"requests":144,"questions":164,"alternatives":172},[78,91],{"value":79,"source":80,"evidence":81},"Animations make the example papers engaging and easier to understand.","commenter",[82,83,87],{"id":55,"by":56,"text":57},{"id":84,"by":85,"text":86},"29236343","primitivesuave","I found the Bitcoin paper example to be very compelling - really awesome work! You have a great eye for design. I signed up and liked the familiar Notion-style interface, however…",{"id":88,"by":89,"text":90},"29236784","mceoin","This is a really interesting and deceptively simple idea. \"Animate technical papers\" seemed (to me) like a silly concept as a one-liner, but the example really does the media…",{"value":92,"source":80,"evidence":93},"No-code editor and Notion-style interface are appealing.",[94,98],{"id":95,"by":96,"text":97},"29235654","np-complete","Very cool. I was impressed with the no-code aspect - especially for WYSIWYG based tech writers. Have you considered integrating with DocFX, Jekyll, Read The Docs and the ilk. I'd…",{"id":84,"by":85,"text":86},[100,119,130,137],{"value":101,"source":80,"evidence":102},"Animations can trigger unexpectedly while scrolling, causing missed content.",[103,107,111,115],{"id":104,"by":105,"text":106},"29235531","carreau","Congrats ! I think you should make sure an animation stops before the next one starts, or something similar. I am a burst scroller (read the full page, then scroll), and sometime…",{"id":108,"by":109,"text":110},"29239413","Xevi","Really cool, but the examples don't work well for me. One scroll step with my mouse on Windows is enough to scroll past some of the intermediary animations. A lot of information…",{"id":112,"by":113,"text":114},"29241556","braramod","There's a lot of information happening and there's a huge chance I might miss something because the scroll animation is quite sensitive but I'm really amazed by the idea.",{"id":116,"by":117,"text":118},"29240796","oolonthegreat","nice idea but I think not knowing exactly when the animation will change is really a negative. it's fine if you are reading and scrolling slowly in a linear manner, but whenever…",{"value":120,"source":80,"evidence":121},"Not printable or degrading gracefully to PDF\u002Fprint.",[122,126],{"id":123,"by":124,"text":125},"29239165","marginalia_nu","Technical frills are nice and all, but I wish some effort would be put into degrading gracefully. It's impossible to print this paper, for example.",{"id":127,"by":128,"text":129},"29240368","iandanforth","\"this needs to degrade gracefully for PDFs and printed media.\" It does not. I can't remember the last time I printed out a tutorial video. Just because this media describes…",{"value":131,"source":80,"evidence":132},"Lock-in risk: no way to export or self-host the paper.",[133],{"id":134,"by":135,"text":136},"29238677","CJefferson","I like the idea, but as someone who might use this type of tool, you need to say somewhere fairly early on that there is a way for me to download my \"paper\" and host it myself.…",{"value":138,"source":80,"evidence":139},"Target market unclear; many readers of technical papers don't want animations.",[140],{"id":141,"by":142,"text":143},"29237908","sgt","I like the approach and it looks cool, but you might struggle with the target market here. Most people reading technical papers care absolutely zero about the animations in…",[145,152,160],{"value":146,"source":147,"evidence":148},"Add an export to static HTML or a self-hosted download.","maker",[149],{"id":150,"by":11,"text":151},"29245701","That's definitely something I've been thinking about. I'm currently working on a feature to export to static HTML.",{"value":153,"source":80,"evidence":154},"Add more scroll resistance or clearer animation triggers.",[155,159],{"id":156,"by":157,"text":158},"29238464","anyfactor","Love it. Personally I would love a slightest bit of resistance while I scroll to the next page or animation pane. The fluidity is kinda weird to me.",{"id":116,"by":117,"text":118},{"value":161,"source":80,"evidence":162},"Integrate with docs tools like DocFX, Jekyll, Read The Docs.",[163],{"id":95,"by":96,"text":97},[165],{"value":166,"source":80,"evidence":167},"Which part of the product was built first, editor or output page?",[168],{"id":169,"by":170,"text":171},"29236786","lab","Super impressive Wysiwyg editor. Which part of the product did you build first? Did you build an example output page first the the editor, or did you start from the editor itself?",[173,179,186],{"value":174,"source":80,"evidence":175},"slides.com",[176],{"id":177,"by":135,"text":178},"29247127","One system which works really well for this (for me) is slides.com Paid accounts can sync to Dropbox, and the files in Dropbox are enough for me to view my presentations -- I…",{"value":180,"source":80,"evidence":181},"Idyll framework",[182],{"id":183,"by":184,"text":185},"29236127","skadamat","This is awesome! I also recommend Idyll, a JS \u002F React framework for creating scrollables: https:\u002F\u002Fidyll-lang.org\u002Fdocs I am a backer in the open collective :]",{"value":187,"source":80,"evidence":188},"Distill.pub interactive articles",[189],{"id":156,"by":157,"text":158},{"comments":38,"answered":36,"key":191},[192,193,196],{"id":52,"text":53},{"id":194,"text":195},"29235514","Thanks for the correction. Edited the post.",{"id":150,"text":151},{"commenters":198,"max_depth":199,"maker_replies":38,"first_comment_mins":200,"lifespan_hours":201},38,6,4,23,[203,205,207,208,210,212,214,216,217,219,221,223,226,229,233,236,238,242,244,248,249,251,254,257,259,261,264,266,269,271,274,276,278,281,283,285,288,290,292,295,298,300,302,304,307,310,312,314,318,321,325,329,333,336,340,343,346,349,352,354,356,358,360,362,365],[52,35,35,204,11,39],"maker\u002Fneutral\u002Fnone",[206,35,44,204,105,35],"29235504",[194,35,35,204,11,39],[134,39,44,209,135,35],"project\u002Fmixed\u002Fexecution",[150,39,35,211,11,39],"maker\u002Fneutral\u002Fexecution",[177,39,44,213,135,35],"project\u002Fneutral\u002Fexecution",[88,36,31,215,89,35],"project\u002Fpositive\u002Fidea",[104,44,44,213,105,35],[218,200,31,215,128,35],"29240408",[84,31,44,220,85,35],"project\u002Fmixed\u002Fdesign",[222,31,35,211,11,39],"29236436",[224,31,31,225,85,35],"29236737","project\u002Fpositive\u002Fdocs",[227,199,44,220,228,35],"29237352","nobrains",[230,199,44,231,232,35],"29240496","project\u002Fneutral\u002Fdesign","vultour",[234,199,31,235,228,35],"29244979","project\u002Fpositive\u002Fdesign",[141,18,39,237,142,35],"project\u002Fcritical\u002Fidea",[239,18,35,240,241,35],"29237941","commenter\u002Fneutral\u002Fidea","muzani",[55,18,35,243,56,35],"commenter\u002Fpositive\u002Fidea",[245,18,44,246,247,35],"29238296","project\u002Fmixed\u002Fidea","tgv",[70,18,35,240,71,35],[250,18,44,213,142,35],"29238773",[252,18,35,253,71,35],"29239229","other\u002Fneutral\u002Fnone",[108,255,39,256,109,35],8,"project\u002Fcritical\u002Fperformance",[127,255,35,258,128,35],"commenter\u002Fneutral\u002Fnone",[260,255,35,258,109,35],"29240659",[262,38,31,215,263,35],"29238254","sweetheart",[265,38,35,204,11,39],"29245768",[183,267,31,268,184,35],10,"project\u002Fpositive\u002Fnone",[270,267,35,204,11,39],"29236250",[112,272,44,273,113,35],11,"project\u002Fmixed\u002Fperformance",[169,275,44,211,170,35],12,[277,275,35,211,11,39],"29237042",[279,30,31,215,280,35],"29238112","fractallyte",[62,282,31,215,63,35],14,[284,282,35,204,11,39],"29238250",[95,286,44,287,96,35],15,"project\u002Fneutral\u002Fdocs",[66,289,31,215,67,35],16,[116,291,44,220,117,35],17,[123,293,39,294,124,35],18,"project\u002Fcritical\u002Fexecution",[296,293,35,258,297,35],"29239473","blowski",[299,293,35,258,124,35],"29239488",[301,293,35,258,297,35],"29239643",[303,293,35,258,124,35],"29239881",[305,293,35,258,306,35],"29240318","cinntaile",[308,293,35,309,297,35],"29242017","commenter\u002Fneutral\u002Fprivacy",[311,293,35,258,306,35],"29242292",[156,313,44,209,157,35],19,[315,313,39,316,317,35],"29238685","project\u002Fcritical\u002Fdesign","Closi",[319,313,35,320,11,39],"29245725","maker\u002Fneutral\u002Fperformance",[322,323,31,268,324,35],"29240805",20,"king_magic",[326,327,31,215,328,35],"29238917",21,"jasonleowsg",[330,331,39,294,332,35],"29238076",22,"bellajbadr",[334,201,31,215,335,35],"29238636","dgudkov",[337,338,31,215,339,35],"29234771",24,"vsarathy",[341,338,35,258,342,35],"29235536","bryans",[344,338,35,253,345,35],"29235741","sourcecodeplz",[347,338,35,253,348,35],"29236300","dang",[350,338,35,253,351,35],"29236750","0des",[353,338,35,253,348,35],"29245749",[355,338,35,258,339,35],"29235887",[357,338,35,258,351,35],"29236732",[359,338,35,258,339,35],"29242595",[361,338,35,258,348,35],"29236289",[363,338,35,258,364,35],"29236301","presspot",[366,338,35,258,348,35],"29236340",[],[369,374,379,384,388,393],{"id":370,"name":371,"points":372,"category":373},"29198205","Long Range E-Bike",876,"hardware",{"id":375,"name":376,"points":377,"category":378},"29254147","Browserflow",707,"dev_tools",{"id":380,"name":381,"points":382,"category":383},"29217622","docker-qemu-win2000",395,"infrastructure",{"id":385,"name":386,"points":387,"category":378},"29242466","Budibase",280,{"id":389,"name":390,"points":391,"category":392},"29230068","Mako",239,"finance_crypto",{"id":394,"name":395,"points":396,"category":397},"29244453","Outage Bingo",224,"games",false,"v2",{"id":401,"name":5,"line":6,"ai":398,"cat":20,"year":13,"points":14,"comments":15,"rec":27,"s":402,"top":18,"kw":403,"maker":11,"domain":10,"tier":19,"attempts":35,"strip":404,"url":9,"mix":405,"praise":79,"objection":101,"sub":21},29234636,0.26,[24,25,21,26],"0333553533033015053350510000315355000000",[30,18,18,31],1794036613223]