[{"data":1,"prerenderedAt":360},["ShallowReactive",2],{"project-32627675":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":29,"sentiment":30,"stance_mix":31,"scored_comments":36,"aspects":37,"strip":43,"post_text":44,"what":45,"said":65,"maker_in_thread":155,"shape":162,"grid":166,"attempts":323,"same_week":324,"maker_shows":35,"maker_hidden":352,"reader_version":353,"card":354},"32627675","Density userstyle","Density userstyle to remove spacing from popular websites","title","Show HN: Density userstyle to remove spacing from popular websites","https:\u002F\u002Fgithub.com\u002Fphil294\u002Fdensity-userstyle","github.com","phil294",1661687826,2022,92,61,647,2570,26,"notable","productivity","browser userstyle","browser_extension",[24,25,26,27,28],"userstyle","css","whitespace removal","web density","stylus","mixed",0.095,{"positive":32,"neutral":33,"mixed":34,"critical":35},5,4,2,3,14,{"idea":38,"design":40,"execution":42},{"positive":33,"critical":39},0,{"positive":41,"critical":35},1,{"positive":39,"critical":39},[39,39,39,39,39,39,32,35,39,39,41,32,39,39,39,39,39,41,39,39,39,39,39,39,39,39,39,39,39,35,32,39,35,39,39,39,35,35,41,32],null,{"problem":46,"audience":44,"pricing":44,"motivation":53,"time_to_build":44,"stack":57,"openness":62,"stage":63,"team_size":64},{"value":47,"source":48,"evidence":49},"Websites add too much padding and spacing, reducing how much content fits on screen.","maker",[50],{"id":51,"by":11,"text":52},"32627688","Hello, imo the trend of websites adding more spacing (padding) as the years go by is annoying, so I decided to do something about it. I hope this to become a manually curated,…",{"value":54,"source":48,"evidence":55},"Maker finds the trend of adding padding to websites annoying.",[56],{"id":51,"by":11,"text":52},[58],{"value":59,"source":48,"evidence":60},"CSS",[61],{"id":51,"by":11,"text":52},"open_source","launched","unknown",{"praise":66,"objections":87,"requests":113,"questions":132,"alternatives":140},[67],{"value":68,"source":69,"evidence":70},"Useful idea; wish for denser web UIs and more information per screen.","commenter",[71,75,79,83],{"id":72,"by":73,"text":74},"32628746","wuyishan","Thanks for building this! Especially on small screens the (useless?) whitespace is annoying and rather distracting. The problem with whitespace (or also colored whitespace) is in…",{"id":76,"by":77,"text":78},"32628795","ohCh6zos","This is awesome. I can't think of a website I visit that would not benefit from higher density.",{"id":80,"by":81,"text":82},"32628980","barnabee","Great idea, thanks!",{"id":84,"by":85,"text":86},"32631344","6510","wonderful! Stuff on the right is overly spacious now.",[88,103],{"value":89,"source":69,"evidence":90},"Whitespace aids clarity and hierarchy; too dense hurts legibility and usability.",[91,95,99],{"id":92,"by":93,"text":94},"32632195","crazygringo","> information density (function) should always win out No. Clarity should always win out. Spacing serves the important purpose of creating an information hierarchy so it's…",{"id":96,"by":97,"text":98},"32627853","radiojasper","As a web designer, I love the white space. Calms the web down. Your screenshot is giving me the heebie jeebies.",{"id":100,"by":101,"text":102},"32629772","mattlondon","Hacker news is already pretty dense. You'd not gain much by cramming in an extra line or two at the cost of legibility",{"value":104,"source":69,"evidence":105},"Too-wide layouts on large monitors hurt readability.",[106,110],{"id":107,"by":108,"text":109},"32631794","gruez","I tried out the github style and while I liked the increased density, the lack of padding caused issues on a 27\" monitor. For instance, the file listing ended up taking up almost…",{"id":111,"by":11,"text":112},"32635990","Thanks for your input. Yes, but I don't really know how to fix it. I mean we could add a guideline for future rules (and update the existing ones) to always use `max-width 45em`…",[114,128],{"value":115,"source":69,"evidence":116},"Allow user-selectable density settings rather than forcing one layout.",[117,120,124],{"id":118,"by":81,"text":119},"32628969","As a user, I wish the web gave designers less freedom. I don’t care about design trends or “calming” the web down. I want to see as much information as can fit on screen at once,…",{"id":121,"by":122,"text":123},"32632061","nathias","it's a mistake to equate information density with function, the more things I see don't matter if they are not legible, there are two extremes of course and a good design makes a…",{"id":125,"by":126,"text":127},"32634284","senttoschool","Very few pieces of software could justify having support for multiple layouts to increase or decrease content density. Gmail is one that comes to mind. I can't think of anything…",{"value":129,"source":48,"evidence":130},"Add more sites beyond GitHub, GitLab, Reddit and Twitter.",[131],{"id":51,"by":11,"text":52},[133],{"value":134,"source":69,"evidence":135},"Would a consistent style look broken when more sites are covered?",[136],{"id":137,"by":138,"text":139},"32629397","yewenjie","This is a super cool idea but I wish this project becomes popular so that there emerges a consistent style that does not look 'broken'.",[141,148],{"value":142,"source":69,"evidence":143},"Gmail's built-in density settings.",[144],{"id":145,"by":146,"text":147},"32629558","nine_k","GMail has three density settings. which mostly affect the amount of whitespace.",{"value":149,"source":69,"evidence":150},"Kill Sticky extension for floating elements.",[151],{"id":152,"by":153,"text":154},"32630481","57FkMytWjyFu","You may find this useful, although you have to tap it for each visit. https:\u002F\u002Faddons.mozilla.org\u002Fen-US\u002Ffirefox\u002Faddon\u002Fkill-sticky\u002F",{"comments":35,"answered":39,"key":156},[157,158,159],{"id":51,"text":52},{"id":111,"text":112},{"id":160,"text":161},"32629551","It's funny you say that because I've been considering doing exactly the opposite: Adding a curated user style sheet for common websites which adds floating headers\u002Fsticky…",{"commenters":163,"max_depth":164,"maker_replies":35,"first_comment_mins":34,"lifespan_hours":165},41,7,32,[167,171,172,175,179,181,184,187,190,192,194,197,199,201,204,207,209,212,215,217,221,225,227,228,231,233,234,237,240,243,245,247,249,251,253,255,258,261,264,267,269,273,276,278,279,282,285,286,287,289,292,294,296,297,300,305,306,310,314,318,321],[168,39,39,169,170,39],"32629099","other\u002Fneutral\u002Fdesign","ftio",[145,39,39,169,146,39],[173,39,39,169,174,39],"32631373","zagrebian",[176,39,39,177,178,39],"32637121","other\u002Fneutral\u002Fperformance","llagerlof",[180,39,39,177,146,39],"32642541",[182,39,39,169,183,39],"32630457","eastbound",[185,39,39,169,186,39],"32631061","Hallucinaut",[188,39,39,169,189,39],"32631978","SoftTalker",[51,41,39,191,11,41],"project\u002Fneutral\u002Fidea",[72,41,32,193,73,39],"project\u002Fpositive\u002Fidea",[195,41,39,169,196,39],"32631442","sokoloff",[107,41,35,198,108,39],"project\u002Fmixed\u002Fdesign",[111,41,39,200,11,41],"maker\u002Fneutral\u002Fdesign",[202,34,39,169,203,39],"32629920","inasmuch",[205,34,39,169,206,39],"32631561","dt2m",[96,35,41,208,97,39],"project\u002Fcritical\u002Fdesign",[210,35,32,193,211,39],"32628668","adambatkin",[213,35,39,169,214,39],"32629069","gravypod",[216,35,39,169,196,39],"32631455",[218,35,39,219,220,39],"32632168","other\u002Fneutral\u002Fexecution","netsharc",[222,35,39,223,224,39],"32632901","commenter\u002Fneutral\u002Fnone","tffcccdredf",[121,35,39,226,122,39],"commenter\u002Fneutral\u002Fdesign",[92,35,39,226,93,39],[229,35,39,226,230,39],"32632885","zozbot234",[232,35,39,226,126,39],"32634257",[118,35,41,208,81,39],[235,35,39,169,236,39],"32629199","clairity",[238,35,39,169,239,39],"32630067","toastal",[241,35,39,242,153,39],"32630464","other\u002Fneutral\u002Fprivacy",[244,35,39,226,236,39],"32632436",[246,35,39,226,126,39],"32634274",[248,35,39,169,81,39],"32638054",[250,35,39,223,126,39],"32642209",[252,35,39,169,81,39],"32637965",[254,35,39,223,236,39],"32639194",[256,35,39,226,257,39],"32629477","mrcartmeneses",[259,35,39,169,260,39],"32630401","jbverschoor",[262,35,39,263,81,39],"32638105","other\u002Fneutral\u002Fnone",[265,35,39,263,266,39],"32632228","marssaxman",[268,35,39,263,81,39],"32638072",[270,35,39,271,272,39],"32629025","commenter\u002Fcritical\u002Fdesign","zasdffaa",[274,35,39,226,275,39],"32629676","Gualdrapo",[277,35,39,226,272,39],"32630143",[125,35,39,226,126,39],[280,35,35,281,146,39],"32629619","project\u002Fneutral\u002Fdesign",[283,35,39,169,284,39],"32630313","teraflop",[76,33,32,193,77,39],[100,33,39,169,101,39],[288,33,39,169,239,39],"32630091",[290,32,35,191,291,39],"32629518","cwillu",[160,32,39,293,11,41],"maker\u002Fneutral\u002Fidea",[295,32,39,169,291,39],"32629620",[152,32,39,263,153,39],[298,32,39,169,299,39],"32632223","philsnow",[301,302,39,303,304,39],"32638816",6,"other\u002Fneutral\u002Fidea","akrymski",[137,164,35,198,138,39],[307,308,35,309,174,39],"32631381",8,"project\u002Fneutral\u002Fexecution",[311,312,41,208,313,39],"32634592",9,"Yahivin",[315,316,35,191,317,39],"32629911",10,"UIUC_06",[84,319,32,320,85,39],11,"project\u002Fpositive\u002Fdesign",[80,322,32,193,81,39],12,[],[325,330,334,338,342,347],{"id":326,"name":327,"points":328,"category":329},"32600821","Devbox",515,"dev_tools",{"id":331,"name":332,"points":333,"category":329},"32654023","AHK_X11",500,{"id":335,"name":336,"points":337,"category":20},"32637996","KTool",393,{"id":339,"name":340,"points":341,"category":329},"32647227","Ubähnchen",278,{"id":343,"name":344,"points":345,"category":346},"32598062","Hyperbeam",268,"infrastructure",{"id":348,"name":349,"points":350,"category":351},"32622542","piano chord",206,"learning_science",false,"v2",{"id":355,"name":5,"line":6,"ai":352,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":356,"top":18,"kw":357,"maker":11,"domain":10,"tier":19,"attempts":39,"strip":358,"url":9,"mix":359,"praise":68,"objection":89,"sub":21},32627675,0.1,[24,25,26,27,28],"0000005300150000010000000000035030003315",[32,33,34,35],1794036624113]