Density userstyle

Productivity

browser userstyle

SHOW HN2022

Density userstyle

Density userstyle to remove spacing from popular websites

github.com

#userstyle#css#whitespace removal#web density#stylus

92points
61comments
#647of 2,570 in 2022
Top 26%of 2022 by points

How HN took it

MixedNo clear lean

5 positive, 4 neutral or asking, 2 mixed, 3 critical, out of 14 comments about the project. Thread score +0.10.

Idea: 4 for, 0 againstDesign: 1 for, 3 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Useful idea; wish for denser web UIs and more information per screen.

    From 4 comments
    • 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…
      wuyishan on HN
    • This is awesome. I can't think of a website I visit that would not benefit from higher density.
      ohCh6zos on HN
    • Great idea, thanks!
      barnabee on HN
    • wonderful! Stuff on the right is overly spacious now.
      6510 on HN

Objections

  • Whitespace aids clarity and hierarchy; too dense hurts legibility and usability.

    From 3 comments
    • > 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…
      crazygringo on HN
    • As a web designer, I love the white space. Calms the web down. Your screenshot is giving me the heebie jeebies.
      radiojasper on HN
    • Hacker news is already pretty dense. You'd not gain much by cramming in an extra line or two at the cost of legibility
      mattlondon on HN
  • Too-wide layouts on large monitors hurt readability.

    From 2 comments
    • 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…
      gruez on HN
    • 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`…
      phil294 on HN

Requests

  • Allow user-selectable density settings rather than forcing one layout.

    From 3 comments
    • 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,…
      barnabee on HN
    • 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…
      nathias on HN
    • 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…
      senttoschool on HN
  • Add more sites beyond GitHub, GitLab, Reddit and Twitter.

    From 1 comment
    • 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,…
      phil294 on HN

Questions

  • Would a consistent style look broken when more sites are covered?

    From 1 comment
    • 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'.
      yewenjie on HN

Alternatives named

  • Gmail's built-in density settings.

    From 1 comment
    • GMail has three density settings. which mostly affect the amount of whitespace.
      nine_k on HN
  • Kill Sticky extension for floating elements.

    From 1 comment
    • You may find this useful, although you have to tap it for each visit. https://addons.mozilla.org/en-US/firefox/addon/kill-sticky/
      57FkMytWjyFu on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/32627675)