DEV Community

Remy Sharp
Remy Sharp

Posted on • Originally published at remysharp.com on

Clearing twitter

It's no surprise that twitter and similar sink holes are constantly trying to "engage" you so you can be sucked into their void. As someone who believes that the web belongs to its users and I browse the way I want I frequently change and block content on these sites so I can use them the way I would like.

So here's a quick share on how I'm doing that.

This is a simple example of how I think twitter can be improved - the picture below shows, highlighted in red, the "trending news" which really isn't news - or at least not news that I would recommend consuming. I certainly don't want to get my COVID-19 advice from the latest trending bullshit. More recently they have launched (possibly in split tests) a DM … "thing"? so I can use that to message people instead of…what, email? WhatsApp? Not sure. Anyway, it's shit that I don't need in my life, so it's getting ejected.

Step 1: get yourself uBlock Origin (the origin bit is important) available for most browsers

Step 2: use the right click - block element picker to stop content from bothering you

When you fire up the picker, you'll notice that Twitter (and other sites that don't believe in writing actual CSS classes) are using something to generate their CSS, which makes picking element using CSS selectors tricky.

Except, the trick is to look for aria roles or even data properties. As much as I dislike these big companies, they do try to support a broad range of users via good use of accessibility and we can use that to our advantage.

The uBlock Origin element picker will need a selector like ##div[aria-label="Timeline: Trending now"], I'm not sure what the double hash is about, but it works.

So now we can surf web pages the way we want.

Originally published on Remy Sharp's b:log

Top comments (0)