ublock-origin-filters - Remova distrações com filtros do uBlock Origin

• Coleção pessoal de filtros do uBlock Origin para remover distrações desnecessárias de alguns sites
• Funciona permitindo apenas ações específicas em cada site e desativando elementos que possam desviar a atenção
• Modo de uso: adicionar 0-include-all.txt em Filter Lists > Import... do uBlock Origin para importar os filtros
• Objetivos dos filtros por alvo
  • Pop-up de conta do Google: desativa os pop-ups irritantes do Google que aparecem em vários sites
  • YouTube: remove vídeos recomendados, reprodução automática, sugestões, Shorts e outras distrações, focando no uso para assistir, pesquisar e enviar vídeos
  • Twitter: remove distrações como feed e barra lateral, focando em ver o feed de tweets de perfis específicos, ler o conteúdo e os comentários dos tweets e escrever tweets
  • LinkedIn: remove distrações como feed e barra lateral, focando em ver perfis e empresas, ler publicações específicas, responder mensagens e criar publicações
  • Stack Overflow e Stack Exchange: remove pontuações, fotos de perfil e notificações de interação, focando em ler a resposta principal das perguntas
• Há também uma observação de que atualmente é usada a extensão do Firefox Unhook no YouTube, mas ela talvez possa ser substituída por filtros

[GN⁺]

Opiniões no Hacker News

• Depois de bloquear muitos anúncios e barras laterais, também é útil ampliar os elementos de texto restantes para reaproveitar o espaço vazio
  Por exemplo, algo como :xpath(//main/div):style(min-width: 80% !important)
  Indo além, tentei colocar regras column-count: em alguns sites para fazer a tela parecer um jornal, mas havia muito mais ajustes do que eu esperava, e o layout DOM dos sites modernos é quase como uma área contaminada
  https://developer.mozilla.org/en-US/docs/Web/CSS/column-coun...
  Um exemplo mínimo de injeção de column-count: com uBlock está aqui: https://i.ibb.co/k3bRwhP/example-1.webp
  theguardian.com###maincontent:style(margin-left: -28vw !important; min-width: 90vw !important; column-count: 4 !important)
theguardian.com##div:style(border: none !important)

  • Chegando nesse ponto, talvez seja melhor trazer o conteúdo via RSS e estilizar em formato de colunas no leitor
    Gosto do formato em colunas e, para as coisas que acompanho regularmente, estou tentando voltar a um fluxo centrado em RSS com vários filtros inteligentes. Sinto que nunca deveríamos ter abandonado o RSS em primeiro lugar
  • Seria bom conseguir fazer isso funcionar também sobre o modo de leitura do Firefox
  • Gosto bastante de redesenhar vários sites com uBO e Stylus, mas em muitos casos simplesmente mudar para o Reader Mode é mais rápido e melhor
    Nem sempre é possível, mas é possível com bastante frequência
  • A primeira regra é um bom truque. Às vezes, ao apagar algum elemento, o site quebra

• No uBlock Origin, basta ir em Options > Filter Lists > Annoyances e ativar estes itens
  "AdGuard – Annoyances"
"EasyList – Annoyances"
"uBlock filters – Annoyances"
  Com isso, dá para eliminar 99,9% dos elementos irritantes dos sites sem quebrar as funções principais. Faço isso há anos em toda instalação nova do Chrome, e funciona muito bem

  • Na prática, existem duas versões da internet, e qual delas você usa depende de quão bem o bloqueador de anúncios está configurado
    Nas férias, usei o notebook da minha mãe e fiquei por um instante confuso com o motivo de os sites que visitei parecerem tão diferentes; quase todos estavam cobertos de anúncios. Havia banners entre parágrafos, barras laterais cheias de anúncios e até imagens de fundo vendendo coisas, então era completamente diferente do visual a que eu estava acostumado
  • O AdGuard é melhor que o EasyList?

• Se você usa uBlock Origin, fico curioso se, antes de começar este projeto, você tentou enviar esses filtros para as listas uBlock Annoyances ou EasyList Annoyances
  Isso poderia ajudar muito mais gente do que criar mais uma lista Annoyances separada
  https://github.com/uBlockOrigin/uAssets

  • Isso não é apenas um elemento incômodo; está mais perto de uma funcionalidade central do site
  • Algumas listas Annoyances podem acabar removendo em excesso até as pistas visuais de que o site tem um feed RSS
  • Eu não conhecia essa lista. Vale a pena adicioná-la aos meus filtros e verificar se as regras que criei também se aplicam ali

• Pessoalmente, no computador de trabalho, preciso ocultar as perguntas em alta do Stack Exchange. Para mim, elas são quase como catnip para gatos
  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
  Além disso, muitos sites ignoram prefers-reduced-motion, então também costumo ocultar distrações visuais como carrosséis intermináveis ou animações decorativas bonitinhas

  • Entro para resolver uma dúvida sobre o ciclo de vida de componentes React e, quando percebo, estou clicando em uma exceção obscura de regras de Dungeons & Dragons
  • Por muito tempo, nem dei atenção àquela coluna. Meu cérebro tinha aprendido que tudo naquela posição era decoração inútil
    Um dia, li algumas perguntas de fato e fiquei surpreso por serem bem interessantes; aí entendi completamente por que dizem que é como catnip. Felizmente, existe uma chave para eu mesmo desligar, então dá para evitar o vício
  • Comigo é parecido, mas eu só uso o seletor de elementos, então o formato das regras é um pouco diferente
    stackoverflow.com##.c-pointer.js-quack-btn
stackoverflow.com##.js-step01.js-step.step.ws-nowrap
stackoverflow.com##.js-step02.js-step.step.has-width.ta-center
stackoverflow.com##.quack-popover--arrow
stackoverflow.com###overlay-header
stackoverflow.com###feed-link
stackoverflow.com##.mb16.s-anchors__default.s-anchors.s-sidebarwidget__yellow.s-sidebarwidget
stackoverflow.com##.grid--cell.js-reactions
stackoverflow.com##.mb16.s-anchors__grayscale.s-anchors.s-sidebarwidget__yellow.s-sidebarwidget
    Infelizmente, não deixei comentários dizendo para que servia cada uma. Uma pode ser algum banner pedindo voto, e outra talvez seja a caixa “Featured on Meta” e a sidebar esquerda que eu nunca uso. Não está acima, mas recentemente também bloqueei o irritante pop-up “New Search AI Experience”
    Felizmente há um conjunto de regras separado para banners de cookies, mas é o que mais causa problemas. Se você não interage com o banner de cookies, alguns sites não funcionam direito ou nem chegam a carregar. Eu realmente detesto a internet moderna sem uBlock
  • Essas regras são excelentes. Seria bom contribuir com elas no PR de StackOverflow do repositório: https://github.com/mig4ng/ublock-origin-filters/pull/4

• Uso uma abordagem parecida, mas meu objetivo é proteger a privacidade e evitar feeds algorítmicos
  Com a extensão Redirector do Firefox, redireciono links do YouTube, Twitter e StackOverflow para front-ends alternativos como Piped, Nitter e AnonymousOverflow, respectivamente. Também há listas mantidas desses projetos e instâncias
  A maioria é software livre e de código aberto, respeita a privacidade e, por serem softwares éticos, por acaso também oferecem front-ends sem distrações
  https://github.com/digitalblossom/alternative-frontends
  https://farside.link

  • Muito bom. Eu tinha colocado na minha bucket list uma ideia parecida de criar serviços alternativos sem distrações e redirecionar somehow para eles
    Fico feliz em saber que outras pessoas tiveram a mesma ideia e que já existem versões implementadas online

• Um tempo atrás, compilei formas de remover enfeites voltados a incentivar pagamento no Reddit e no Twitter
  reddit.com##.awarding-icon
reddit.com##.awardings-bar
reddit.com##.give-gold-button
twitter.com##:xpath(//div[contains(@style, "hex-hw-shapeclip-clipconfig")]):style(clip-path: circle(50%) !important)

  • O Reddit encerrou os awards por enquanto, mas o filtro ainda se aplica a posts antigos
  • O que a última regra faz?

• Esta é uma regra para remover os pop-ups de Login With Google espalhados pela internet
  accounts.google.com/gsi/iframe
  Ela não quebra o botão de login do Google em si, então, se for realmente necessário, você ainda consegue entrar com a conta do Google

  • Vou testar; se funcionar bem, talvez eu também adicione. Esses pop-ups são irritantes

• Estou usando filtros do uBlock Origin para o Hacker News assim
  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;)
news.ycombinator.com##html:style(filter:invert(100%) hue-rotate(180deg); background: white)
  Limitei a largura dos comentários a cerca de 10 palavras para deixar a leitura mais agradável, e também mudei algumas cores. Se houver pontos a melhorar, seria bom me avisarem

  • Eu não sabia que dava para adicionar estilos aos filtros do uBlock
    Por legibilidade e facilidade de depuração, acho que ainda vou preferir o Stylus, mas é bom saber
    E font-weight: italic; parece um erro de digitação

• Uso o uBlock de um jeito parecido. Nos últimos 8 anos acumulei centenas de filtros customizados, e mais recentemente adicionei regras ao IMDb para ocultar spoilers
  ! 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##article.episode-item-wrapper .ipc-watchlist-ribbon
! 2023-09-05 Hide top rated episode's description both on a TV page and an episode page
imdb.com##[data-testid="episodes-top-rated-card"] ul + div

  • Talvez seja bom ocultar também em quantos episódios um ator apareceu naquela obra. Já fui pego por essa informação algumas vezes
  • Fiquei curioso para saber se você deixou outros filtros públicos também. Pode compartilhar?

• O Arc tem recursos nativos para melhorias de personalização visual. Eles chamam de Boosts, dá para criar os seus com poucos cliques e, se necessário, também adicionar CSS/JS customizado
  Uso bastante para remover elementos que distraem na maioria dos sites, como Facebook, Twitter, Reddit, Medium, Gmail, YouTube etc., e na prática isso chega a mudar a vida
  Boosts compartilhados por outros usuários podem ser vistos aqui: https://arc.net/boosts

  • Gosto muito das abas verticais do Arc. Antes, no Firefox, usei abas verticais com abas aninhadas, e o fluxo era bom
    É ótimo poder confinar, dentro de um grupo, a toca de coelho de abas que surge quando se mergulha fundo em algum assunto. Quando terminava, eu fechava o grupo e podia deixar só as abas que originalmente queria manter; sinto falta disso
    Hoje não uso porque levou tempo para configurar, e não há uma forma fácil de gerenciar isso declarativamente como código para compartilhar entre dispositivos e guardar no longo prazo. Se eu encontrar uma forma, posso voltar a usar
    Testei o Arc, mas algumas coisas não me agradaram. Não é open source, e os Boosts também parecem não ser. Como ele é baseado em Chromium, isso não combina com minha posição de querer que o Firefox ou outros navegadores mantenham participação de mercado. Não é que eu odeie o Google, mas não quero que uma única empresa domine a web. E parece que só funciona no macOS e iOS, mas não sei se ainda é assim
  • O Arc tem a melhor UI de navegador que já apareceu até agora. O restante, em essência, ainda está preso ao fim dos anos 2000