Making the Web More Readable With StylusPermalink

In a post on my own blog:

Stylus is an open-source browser extension for managing and applying “user styles”—custom snippets of CSS—to websites. It allows you to tweak sites you visit to tailor them to your preferences. In this post I list the ways I use Stylus to make my browsing experience nicer.

I set out to write this post to describe all the ways I use Stylus to mould the web to my will. It turns out that mostly boils down to setting max-width on sites that are too wide for comfortable reading, and replacing fonts with ones I think look better… it does include a rule to banish those awful “Sign in With Google” pop-ups though.

On the Fediverse Di replied with this great tip:

I’ve been using Stylus to hide pictures of a certain person that’s been in the news a lot lately:

img[alt*="nameOfPerson"] {
  visibility: hidden;
}

It has made my life much better.