[{"data":1,"prerenderedAt":219},["ShallowReactive",2],{"project-31790593":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":40,"post_text":42,"what":43,"said":59,"maker_in_thread":136,"shape":145,"grid":148,"attempts":175,"same_week":181,"maker_shows":170,"maker_hidden":211,"reader_version":212,"card":213},"31790593","Unclutter","A new approach to reader mode","title","Show HN: Unclutter — A new approach to reader mode","https:\u002F\u002Funclutter.lindylearn.io","unclutter.lindylearn.io","phgn",1655565549,2022,49,14,978,2570,39,"shown","productivity","browser reader mode","browser_extension",[24,25,26,27],"reader mode","browser extension","distraction free reading","dark mode","mixed",-0.156,{"positive":31,"neutral":32,"mixed":31,"critical":33},1,2,3,7,{"execution":36,"design":38,"idea":39},{"positive":37,"critical":31},0,{"positive":37,"critical":32},{"positive":37,"critical":37},[31,37,31,37,33,37,33,37,31,37,33,41,37,37],5,"Hey! This is a reader mode browser extension I built that hides noisy page elements rather than extracting and re-rendering only the page text. The idea is to not make all articles look the same [0], have them still render graphs, and ideally to work in more cases.\n\nThere are a few \"tricks\": patching the site CSSOM to apply simpler mobile styles even at desktop width, detecting the likely main text & removing its non-text siblings, blocklists for classnames that contain words like \"sidebar\", and testing this on a few hundred popular sites.\n\nI got carried away and also added a dark mode, page o",{"problem":44,"audience":50,"pricing":50,"motivation":51,"time_to_build":50,"stack":55,"openness":56,"stage":57,"team_size":58},{"value":45,"source":46,"evidence":47},"Reader modes strip articles to plain text, losing graphs and making all articles look the same","maker",[48],{"id":49},"post",null,{"value":52,"source":46,"evidence":53},"Wanted reader mode that keeps the original page look while removing noisy elements",[54],{"id":49},[],"open_source","launched","unknown",{"praise":60,"objections":73,"requests":95,"questions":107,"alternatives":118},[61],{"value":62,"source":63,"evidence":64},"Reader mode that keeps the original page feel appeals to commenters","inferred",[65,69],{"id":66,"by":67,"text":68},"31792772","amadeuspagel","Interesting. When I use a typical reader mode I sometimes lose the motivation to read. I guess the article no longer feels like the thing that I wanted to read. This looks like…",{"id":70,"by":71,"text":72},"31801044","xigoi","Beautiful! I hope it will become available for Firefox Mobile someday.",[74,82,89],{"value":75,"source":76,"evidence":77},"Extension does too much; prefers just removing clutter without new UI","commenter",[78,79],{"id":66,"by":67,"text":68},{"id":80,"by":67,"text":81},"31793664","There's no specific feature I find annoying, but rather having a new background, where the original page is only one of the elements on that background. I made an epub reader[1],…",{"value":83,"source":76,"evidence":84},"Scroll animations zoom the screen out on mobile Safari",[85],{"id":86,"by":87,"text":88},"31793683","samldev","You may want to check your site on mobile Safari. I’m on an iPhone and every time one of your scroll animations plays it zooms the screen out. Really jarring, enough to make me…",{"value":90,"source":46,"evidence":91},"Hidden features like the outline may not be discoverable",[92],{"id":93,"by":11,"text":94},"31801501","I see! Maybe one problem when hiding UI elements by default is discoverability (I suspect most users wouldn't enable the page outline in Unclutter if it were optional). Do you…",[96,103],{"value":97,"source":76,"evidence":98},"Customisable font, size, letter-spacing and line-height",[99],{"id":100,"by":101,"text":102},"31796316","Yoofie","One thing I hate about alot of these reader tools is that they always never give me proper customization options. Let me configure the font,the font-size, letter-spacing,…",{"value":104,"source":76,"evidence":105},"Firefox Mobile support",[106],{"id":70,"by":71,"text":72},[108],{"value":109,"source":76,"evidence":110},"Whether web standards like forced-colors should be used for theming",[111,115],{"id":112,"by":113,"text":114},"31801475","ZeroGravitas","There's a new CSS forced-color mode that somewhat standardises the ability to force user colours on the web. It's related, but distinct from prefers-color-scheme for dark\u002Flight…",{"id":116,"by":11,"text":117},"31801614","Oh that's interesting. But the problem with relying on standards is what to do before people adopt them? (even the support for prefers-color-scheme is pretty bad) I think any…",[119,123,130],{"value":120,"source":46,"evidence":121},"Firefox reader mode",[122],{"id":49},{"value":124,"source":76,"evidence":125},"Vivaldi reader mode",[126],{"id":127,"by":128,"text":129},"31796806","Bayart","Vivaldi's reader mode lets you do it.",{"value":131,"source":76,"evidence":132},"Dark Reader",[133],{"id":134,"by":71,"text":135},"31801521","No, I just use Dark Reader to turn all sites white text on black background.",{"comments":41,"answered":37,"key":137},[138,141,142],{"id":139,"text":140},"31793840","Ahh, I'll take a look thank you!",{"id":116,"text":117},{"id":143,"text":144},"31793393","I had the exact same problem! Which features did you find annoying specifically? I want this to be \"the original article page, but more readable and customisable\", not a separate…",{"commenters":34,"max_depth":41,"maker_replies":41,"first_comment_mins":146,"lifespan_hours":147},228,30,[149,151,153,155,157,159,160,162,164,165,167,169,172,174],[86,37,31,150,87,37],"project\u002Fcritical\u002Fexecution",[139,37,37,152,11,31],"maker\u002Fneutral\u002Fnone",[100,31,31,154,101,37],"project\u002Fcritical\u002Fdesign",[127,31,37,156,128,37],"other\u002Fneutral\u002Fnone",[112,32,33,158,113,37],"project\u002Fneutral\u002Fidea",[116,32,37,158,11,31],[66,33,33,161,67,37],"project\u002Fmixed\u002Fdesign",[143,33,37,163,11,31],"maker\u002Fneutral\u002Fdesign",[80,33,31,154,67,37],[93,33,37,166,11,31],"project\u002Fneutral\u002Fdesign",[168,33,33,166,67,37],"31803614",[70,170,41,171,71,37],4,"project\u002Fpositive\u002Fnone",[173,170,37,152,11,31],"31801439",[134,170,37,156,71,37],[176,180],{"id":177,"t":178,"points":179,"comments":31},"31620466",1654351593,19,{"id":4,"t":12,"points":14,"comments":15},[182,187,192,197,202,207],{"id":183,"name":184,"points":185,"category":186},"31785199","SimCB",815,"games",{"id":188,"name":189,"points":190,"category":191},"31824877","Avo",306,"dev_tools",{"id":193,"name":194,"points":195,"category":196},"31767830","Recut",268,"creative",{"id":198,"name":199,"points":200,"category":201},"31789489","Nimwave",195,"languages",{"id":203,"name":204,"points":205,"category":206},"31799147","WarcDB",171,"data",{"id":208,"name":209,"points":210,"category":20},"31833415","Flat.social",166,false,"v2",{"id":214,"name":5,"line":6,"ai":211,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":215,"top":18,"kw":216,"maker":11,"domain":10,"tier":19,"attempts":32,"strip":217,"url":9,"mix":218,"praise":62,"objection":75,"sub":21},31790593,-0.16,[24,25,26,27],"10103030103500",[31,32,31,33],1793991047345]