[{"data":1,"prerenderedAt":236},["ShallowReactive",2],{"project-23579102":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":34,"aspects":35,"strip":41,"post_text":44,"what":45,"said":70,"maker_in_thread":142,"shape":147,"grid":151,"attempts":199,"same_week":200,"maker_shows":143,"maker_hidden":228,"reader_version":229,"card":230},"23579102","Tragopan","Minimal, dependency-free pan\u002Fzoom JavaScript library","title","Show HN: Tragopan – Minimal, dependency-free pan\u002Fzoom JavaScript library","https:\u002F\u002Fgithub.com\u002Fteam-video\u002Ftragopan","github.com","dxchester",1592602606,2020,69,23,880,3028,30,"notable","dev_tools","javascript library","library",[24,21,25,26],"pan zoom","dependency-free","native scrolling","mixed",-0.143,{"positive":30,"neutral":31,"mixed":32,"critical":33},4,7,0,8,19,{"docs":36,"idea":38,"performance":39,"execution":40},{"positive":37,"critical":32},1,{"positive":37,"critical":32},{"positive":37,"critical":31},{"positive":32,"critical":37},[32,42,42,42,43,32,37,43,37,32,37,43,37,37,43,37,37,43,37,32,43,43,42],5,3,null,{"problem":46,"audience":44,"pricing":44,"motivation":55,"time_to_build":44,"stack":62,"openness":67,"stage":68,"team_size":69},{"value":47,"source":48,"evidence":49},"Panning and zooming content in the browser without heavy dependencies","inferred",[50,52],{"id":51},"post",{"id":53,"by":11,"text":54},"23579389","We use this library on https:\u002F\u002Fteam.video for panning and zooming around in screenshares. It can be really useful if you have situation where a colleague is sharing their hi-res…",{"value":56,"source":57,"evidence":58},"Test whether native scrolling is a more natural fit than transform\u002Ftranslate, especially on mobile","maker",[59],{"id":60,"by":11,"text":61},"23589245","Nice, that is a cool concept. Part of the motivation with tragopan was to see if using native scrolling could be a more natural fit especially on mobile, versus the more common…",[63],{"value":64,"source":48,"evidence":65},"JavaScript",[66],{"id":51},"open_source","launched","company",{"praise":71,"objections":92,"requests":115,"questions":123,"alternatives":134},[72,81],{"value":73,"source":74,"evidence":75},"Smooth performance and useful for zooming into hi-res screenshares","commenter",[76,80],{"id":77,"by":78,"text":79},"23585918","jbverschoor","Very smooth",{"id":53,"by":11,"text":54},{"value":82,"source":74,"evidence":83},"Lightweight, good for avoiding heavy dependencies",[84,88],{"id":85,"by":86,"text":87},"23583187","kevsim","Looks nice! We've been looking for a lightweight solution to zooming on images in the issue tracker we're building [0]. Figured we'd end up rolling our own because we're trying…",{"id":89,"by":90,"text":91},"23587528","tarkin2","Very jumpy on my iphone with firefox or chrome, sadly. Okay with safari. I suspect it’s the shoddy version of webkit apple forces upon moz and google. Nice effort. I applaud any…",[93,108],{"value":94,"source":74,"evidence":95},"Choppy or jumpy zooming on Firefox, Safari, and iOS",[96,100,104,105],{"id":97,"by":98,"text":99},"23587462","miguelmota","Scroll zoom on the demo image is very choppy for me. Not sure if it's my screen or the library itself.",{"id":101,"by":102,"text":103},"23588135","sambeau","I'm finding it very choppy and jumpy Safari Version 13.1.1 (14609.2.9.1.3) Mojave 10.14.6",{"id":89,"by":90,"text":91},{"id":106,"by":90,"text":107},"23590520","Latest ios. Chrome 70.0.3538.75. It’s a little better in chrome than ff, but when I pan up and down in chrome it jumps.",{"value":109,"source":74,"evidence":110},"CSS on demo page may not be supported by most browsers",[111],{"id":112,"by":113,"text":114},"23588278","Jarred","It works well on Chrome for desktop. On the demo page, it looks like you're using CSS that isn't supported by most browsers, which might be what causes the flickering \u002F jank on…",[116],{"value":117,"source":74,"evidence":118},"Explain why use this over other pan zoom libraries",[119],{"id":120,"by":121,"text":122},"23587168","KaoruAoiShiho","Can you write a bit about why this over other pan zoom libs.",[124],{"value":125,"source":74,"evidence":126},"Which browser and OS cause the jumpiness",[127,131],{"id":128,"by":129,"text":130},"23587967","dougwbrunton","What browser\u002Fos was giving you trouble?",{"id":132,"by":129,"text":133},"23588588","Which OS? There is an issue open for Firefox on iOS: https:\u002F\u002Fgithub.com\u002Fteam-video\u002Ftragopan\u002Fissues\u002F3. Is yours different?",[135],{"value":136,"source":74,"evidence":137},"BigPicture.js",[138],{"id":139,"by":140,"text":141},"23588377","josephernest","Having infinite pan\u002Fzoom is a very exciting, you always have free room to write new things! I made BigPicture a few years ago for this purpose. Live demo:…",{"comments":143,"answered":32,"key":144},2,[145,146],{"id":53,"text":54},{"id":60,"text":61},{"commenters":148,"max_depth":30,"maker_replies":143,"first_comment_mins":149,"lifespan_hours":150},13,40,214,[152,154,158,162,164,166,167,169,171,173,176,179,180,182,183,185,187,189,191,192,194,196,198],[53,32,32,153,11,37],"project\u002Fpositive\u002Fperformance",[155,32,42,156,157,32],"23580611","maker\u002Fpositive\u002Fnone","krthr",[159,32,42,160,161,32],"23591558","project\u002Fpositive\u002Fdocs","xgenecloud",[85,37,42,163,86,32],"project\u002Fpositive\u002Fidea",[139,143,43,165,140,32],"project\u002Fneutral\u002Fidea",[60,143,32,165,11,37],[97,43,37,168,98,32],"project\u002Fcritical\u002Fperformance",[128,43,43,170,129,32],"maker\u002Fneutral\u002Fnone",[172,43,37,168,98,32],"23595103",[174,43,32,175,129,32],"23646693","commenter\u002Fneutral\u002Fnone",[177,43,37,168,178,32],"23588565","owenshen24",[132,43,43,170,129,32],[181,43,37,168,178,32],"23671279",[101,30,37,168,102,32],[184,30,43,170,129,32],"23588228",[112,42,37,186,113,32],"project\u002Fcritical\u002Fexecution",[89,188,37,168,90,32],6,[190,188,43,170,129,32],"23587958",[106,188,37,168,90,32],[193,188,32,175,129,32],"23646695",[120,31,43,195,121,32],"maker\u002Fneutral\u002Fidea",[197,31,43,170,129,32],"23588011",[77,33,42,153,78,32],[],[201,206,211,216,220,224],{"id":202,"name":203,"points":204,"category":205},"23591953","PJDL",337,"hardware",{"id":207,"name":208,"points":209,"category":210},"23610527","IHP",280,"languages",{"id":212,"name":213,"points":214,"category":215},"23616878","QuestDB",271,"data",{"id":217,"name":218,"points":219,"category":210},"23602008","Web3Torrent",206,{"id":221,"name":222,"points":223,"category":20},"23595430","Browservice",193,{"id":225,"name":226,"points":227,"category":210},"23612910","Awk-JVM",180,false,"v2",{"id":231,"name":5,"line":6,"ai":228,"cat":20,"year":13,"points":14,"comments":15,"rec":27,"s":232,"top":18,"kw":233,"maker":11,"domain":10,"tier":19,"attempts":32,"strip":234,"url":9,"mix":235,"praise":73,"objection":94,"sub":21},23579102,-0.14,[24,21,25,26],"05553013101311311310335",[30,31,32,33],1794036592472]