Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

My uBlock Origin filters to remove distractions

github.com

Post reply on HN
Print view View original

61–70 of 190 posts

Re: My uBlock Origin filters to remove distractions

#61

Post by ronjouch »

mig4ng wrote: post #32
shortrounddev2 wrote: post #7

Would be cool to see some examples

Like screenshots?

Not OP, but here's a screenshot illustrating what I personally typically do on sites I use a lot: hide things, make things low opacity until hovered, add a dark mode if missing. https://imgur.com/a/tCFkVzK

EDIT should have installed uBlock on the left/default browser for a fair comparison. Oh well, you get the idea :)

Re: My uBlock Origin filters to remove distractions

#63

Post by aendruk »

Personally I have to hide Stack Exchange’s trending questions on my work machine. Those things are catnip to me.

  askubuntu.com###hot-network-questions
  serverfault.com###hot-network-questions
  stackexchange.com###hot-network-questions
  stackoverflow.com###hot-network-questions
  superuser.com###hot-network-questions
Also many sites disregard prefers-reduced-motion, so I’m often hiding visual distractions like endless carousels and cute decorative animations.

Re: My uBlock Origin filters to remove distractions

#64

Post by freediver »

hedora wrote: post #40

Tangentially related: Has anyone tried the Orion Browser by Kagi for iOS? https://browser.kagi.com/ They claim to support Firefox and Chrome extensions (specifically, uBlock Origin). It's in beta. I'm surprised Apple hasn't blocked it yet, but I'd consider paying for a developer account just to install it on my phone (assuming it works).

uBlock Origin works on Orion for Mac (running forked WebKit), but does not work on Orion for iOS (because of Apple's limitations on iOS).

Re: My uBlock Origin filters to remove distractions

#65

Post by noname120 »

Arc has native support for cosmetic improvements. Those are called Boosts and you can interactively create your owns in just a few clicks, and also add custom CSS/JS if needed.

I use this extensively to declutter/dedistract most websites I visit: Facebook, Twitter, Reddit, Medium, Gmail, YouTube, and so on. It's a real life-changer!

See the Boosts shared by other users here: https://arc.net/boosts

Re: My uBlock Origin filters to remove distractions

#66

Post by RexM »

beltsazar wrote: post #16

I'm using uBlock similarly! I've accumulated hundreds of custom filters for the past eight years. My newest entries on uBlock's "My Filters" tab are for hiding spoilers on IMDb: ! 2023-09-05 Hide episode's description and image (+ watchlist for not breaking the layout) [new experimental IMDb layout] imdb.com##article.episode-item-wrapper .ipc-slate imdb.com##article.episode-item-wrapper .ipc-html-content imdb.com##ar…

Might want to also hide the number of episodes an actor is in the show for. That’s bitten me a few times.

Re: My uBlock Origin filters to remove distractions

#67

Post by BitwiseFool »

Personally, I can't stand how distracting YouTube thumbnails are. I found this list to block them from the sidebar when watching videos.

  ! Hide all of the recommended videos on the right side of the page, except for the first up-next video.
  ! If you have a tall monitor you may need to add more entries, this blocks the initial list on most resolutions.
  www.youtube.com###items > .ytd-watch-next-secondary-results-renderer.style-scope:nth-of-type(2)
  www.youtube.com###items > .ytd-watch-next-secondary-results-renderer.style-scope:nth-of-type(3)
  www.youtube.com###items > .ytd-watch-next-secondary-results-renderer.style-scope:nth-of-type(4)
  www.youtube.com###items > .ytd-watch-next-secondary-results-renderer.style-scope:nth-of-type(5)
  www.youtube.com###items > .ytd-watch-next-secondary-results-renderer.style-scope:nth-of-type(6)
  www.youtube.com###items > .ytd-watch-next-secondary-results-renderer.style-scope:nth-of-type(7)
  www.youtube.com###items > .ytd-watch-next-secondary-results-renderer.style-scope:nth-of-type(8)
  www.youtube.com###items > .ytd-watch-next-secondary-results-renderer.style-scope:nth-of-type(9)
  www.youtube.com###items > .ytd-watch-next-secondary-results-renderer.style-scope:nth-of-type(10)
  www.youtube.com###items > .ytd-watch-next-secondary-results-renderer.style-scope:nth-of-type(11)
  www.youtube.com###items > .ytd-watch-next-secondary-results-renderer.style-scope:nth-of-type(12)
  www.youtube.com###items > .ytd-watch-next-secondary-results-renderer.style-scope:nth-of-type(13)
  www.youtube.com###items > .ytd-watch-next-secondary-results-renderer.style-scope:nth-of-type(14)
  www.youtube.com###items > .ytd-watch-next-secondary-results-renderer.style-scope:nth-of-type(15)
  www.youtube.com###items > .ytd-watch-next-secondary-results-renderer.style-scope:nth-of-type(16)
  www.youtube.com###items > .ytd-watch-next-secondary-results-renderer.style-scope:nth-of-type(17)
  www.youtube.com###items > .ytd-watch-next-secondary-results-renderer.style-scope:nth-of-type(18)
  www.youtube.com###items > .ytd-watch-next-secondary-results-renderer.style-scope:nth-of-type(19)
  www.youtube.com###items > .ytd-watch-next-secondary-results-renderer.style-scope:nth-of-type(20)
  
  ! Prevents the list of recommendations from expanding when scrolling down.
  www.youtube.com##ytd-continuation-item-renderer.ytd-watch-next-secondary-results-renderer.style-scope
  www.youtube.com###continuations > .ytd-watch-next-secondary-results-renderer.style-scope
  www.youtube.com##.use-ellipsis.ytd-watch-next-secondary-results-renderer.style-scope
  www.youtube.com##ytd-compact-playlist-renderer.ytd-watch-next-secondary-results-renderer.style-scope
Also, if you hate Shorts as much as I do, use this to hide them from appearing in search results.

  youtube.com##ytd-rich-section-renderer:has(#rich-shelf-header:has-text(Shorts))
  youtube.com##ytd-reel-shelf-renderer:has(.ytd-reel-shelf-renderer:has-text(Shorts))

Re: My uBlock Origin filters to remove distractions

#68

Post by ronjouch »

AlwaysRock wrote: post #45

This is cool. I did something similar at one point. Unfortunately these websites change their basic layout so often that it felt like these fixes would work for 1 month max then I'd have to configure again. I ended up moving to news feed eradicator. https://chrome.google.com/webstore/detail/news-feed-eradicat... I let myself use reddit for 5 minutes every morning. It auto blocks the feed when those 5 minutes are up.…

> "Unfortunately these websites change their basic layout so often that it felt like these fixes would work for 1 month max then I'd have to configure again."

You're exaggerating. My userContent.css is 60kB, and although breakages do happen indeed, it's occasional and nowhere near "redo everything every month".

What I will reckon is a pain, are machine-mangled CSS classes (e.g. by packers for React / other frameworks). They are kinda stable, until they're not, and at any rate, their inscrutability makes maintenance more difficult (because .user-profile-picture is human-transparent, while .cD5aZf is not :-/ ).

Re: My uBlock Origin filters to remove distractions

#69

Post by thrdbndndn »

bloopernova wrote: post #56

Here's my filters in ublock origin for Hacker News: news.ycombinator.com##.comment:style(max-width: 70ch !important; overflow: hidden !important;) news.ycombinator.com##.c00:style(color: #3f3f3f !important;) news.ycombinator.com##.comhead:style(background: #e6e6df; font-weight: italic; color: #686868 !important;) news.ycombinator.com##.hnuser:style(background: #e6e6df; font-style: italic; color: #575757 !important;)…

I don't know you can add styles with uBlock filters.

I probably still prefer to just use Stylus for better readability/debuggability, but it's good to know.

Edit: BTW I think `font-weight: italic;` is a typo.

Post reply on HN