ublock-origin-filters - Elimina distracciones con filtros de uBlock Origin

• Colección personal de filtros para uBlock Origin para eliminar distracciones innecesarias en algunos sitios web
• Funciona permitiendo solo acciones específicas en cada sitio web y desactivando otros elementos que podrían distraer
• Para usarlo, agrega 0-include-all.txt en Filter Lists > Import... de uBlock Origin para importar los filtros
• Objetivo de los filtros por destino
  • Popups de cuenta de Google: desactiva los molestos popups de Google que aparecen en varios sitios web
  • YouTube: elimina distracciones como videos recomendados, reproducción automática, sugerencias y Shorts, y enfoca el uso en ver, buscar y subir videos
  • Twitter: elimina distracciones como el feed y la barra lateral, y enfoca el uso en ver el feed de tuits de perfiles específicos, ver contenido y comentarios de tuits, y escribir tuits
  • LinkedIn: elimina distracciones como el feed y la barra lateral, y enfoca el uso en ver perfiles y empresas, leer publicaciones específicas, responder mensajes y escribir publicaciones
  • Stack Overflow y Stack Exchange: elimina puntajes, fotos de perfil y notificaciones de interacción, y enfoca el uso en leer las respuestas principales de las preguntas
• Incluye una nota de que actualmente se usa la extensión de Firefox Unhook para YouTube, y que quizá podría reemplazarse con filtros

[GN⁺]

Opiniones de Hacker News

• Después de bloquear muchos anuncios y barras laterales, también es útil ensanchar los elementos de texto restantes para reutilizar el espacio vacío.
  Por ejemplo, algo como :xpath(//main/div):style(min-width: 80% !important).
  Fui más allá e intenté agregar reglas column-count: en algunos sitios para que la pantalla se viera como un periódico, pero hubo que ajustar más de lo esperado, y el layout del DOM de los sitios web modernos es casi como una zona contaminada.
  https://developer.mozilla.org/en-US/docs/Web/CSS/column-coun...
  Aquí hay un ejemplo mínimo de inyectar column-count: con uBlock: 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)

  • Llegados a este punto, quizá sea mejor traer el contenido por RSS y darle estilo en columnas dentro de un lector.
    Me gusta el formato en columnas y, para las cosas que leo regularmente, estoy intentando volver a centrarme en RSS con varios filtros inteligentes. Siento que nunca debimos haber abandonado RSS en primer lugar.
  • Sería bueno poder hacer que esto también funcione sobre el modo lectura de Firefox.
  • Me gusta bastante rediseñar varios sitios con uBO y Stylus, pero en muchos casos simplemente cambiar a Reader Mode es más rápido y mejor.
    No siempre es posible, pero sí con bastante frecuencia.
  • La primera regla es un buen truco. A veces el sitio se rompe si eliminas algún elemento.

• En uBlock Origin, ve a Options > Filter Lists > Annoyances y activa estos elementos:
  "AdGuard – Annoyances"
"EasyList – Annoyances"
"uBlock filters – Annoyances"
  Con esto puedes eliminar el 99.9% de los elementos molestos de los sitios web sin romper sus funciones principales. Llevo años haciendo esto en cada instalación nueva de Chrome y funciona muy bien.

  • En realidad hay dos versiones de Internet, y cuál usas depende de qué tan bien configurado esté tu bloqueador de anuncios.
    Durante las vacaciones, al usar la laptop de mi mamá, me confundí por un momento porque los sitios que visitaba se veían muy distintos: casi todos estaban tapizados de anuncios. Había banners entre párrafos, barras laterales llenas de anuncios e incluso imágenes de fondo vendiendo cosas, así que no se parecían en nada a lo que conocía.
  • ¿AdGuard es mejor que EasyList?

• Si usas uBlock Origin, me pregunto si antes de iniciar este proyecto intentaste enviar esos filtros a las listas uBlock Annoyances o EasyList Annoyances.
  Podría ayudar a muchísima más gente que crear otra lista nueva de Annoyances.
  https://github.com/uBlockOrigin/uAssets

  • Esto no es simplemente un elemento molesto, sino algo cercano a la función principal del sitio.
  • Algunas listas de Annoyances pueden llegar a eliminar de forma excesiva incluso las señales visuales de que un sitio web tiene un feed RSS.
  • No conocía esta lista. Vale la pena agregarla también a mis filtros y comprobar si las reglas que creé se aplican ahí también.

• Personalmente, en la computadora de trabajo tengo que ocultar las preguntas en tendencia de Stack Exchange. Para mí son casi como hierba gatera para un gato.
  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
  Además, como muchos sitios ignoran prefers-reduced-motion, suelo ocultar distracciones visuales como carruseles interminables o animaciones decorativas simpáticas.

  • Entro para resolver una duda sobre el ciclo de vida de componentes de React y, antes de darme cuenta, termino haciendo clic en alguna excepción rebuscada de las reglas de Dungeons & Dragons.
  • Durante mucho tiempo no le presté nada de atención a esa columna. Mi cerebro aprendió que todo lo que estaba en esa posición era decoración inútil.
    Un día leí algunas preguntas de verdad y me sorprendió que fueran bastante interesantes; ahí entendí por completo por qué dicen que es como hierba gatera. Por suerte hay un interruptor para apagarlo uno mismo, así que se puede evitar la adicción.
  • A mí me pasa algo parecido, pero simplemente uso selectores de elementos, así que las reglas se ven un poco distintas.
    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
    Lamentablemente no dejé comentarios sobre para qué sirve cada una. Una podría ser un banner tipo solicitud de voto, y otra parece ser la caja de “Featured on Meta” y la barra lateral izquierda que no uso para nada. No está arriba, pero recientemente también bloqueé el molesto popup de “New Search AI Experience”.
    Por suerte los banners de cookies tienen un conjunto de reglas aparte, pero esas reglas son las que más problemas causan. Si no interactúas con el banner de cookies, algunos sitios no funcionan bien o ni siquiera cargan. Detesto de verdad la Internet moderna sin uBlock.
  • Estas reglas son excelentes. Sería bueno contribuirlas al PR de StackOverflow del repositorio: https://github.com/mig4ng/ublock-origin-filters/pull/4

• Uso un enfoque parecido, pero mi objetivo es proteger la privacidad y evitar los feeds algorítmicos.
  Con la extensión Redirector de Firefox redirijo enlaces de YouTube, Twitter y StackOverflow a frontends alternativos como Piped, Nitter y AnonymousOverflow, respectivamente. También hay listas mantenidas de estos proyectos e instancias.
  La mayoría son software libre y open source, respetan la privacidad y, por su carácter de software ético, de casualidad también ofrecen frontends sin distracciones.
  https://github.com/digitalblossom/alternative-frontends
  https://farside.link

  • Muy bueno. Tenía en mi lista de pendientes una idea parecida: crear servicios alternativos sin distracciones y redirigir de alguna manera hacia ellos.
    Me alegra saber que hubo gente con la misma idea y que ya existen versiones implementadas en línea.

• Hace tiempo recopilé cómo eliminar en Reddit y Twitter las decoraciones diseñadas para empujarte a pagar.
  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)

  • Reddit por ahora ya cerró los awards, pero el filtro todavía se aplica a publicaciones antiguas.
  • ¿Qué hace la última regla?

• Es una regla para eliminar los popups de Login With Google que están repartidos por toda Internet.
  accounts.google.com/gsi/iframe
  No rompe el botón de inicio de sesión de Google en sí, así que si de verdad lo necesitas todavía puedes iniciar sesión con tu cuenta de Google.

  • Voy a probarla; si funciona bien, también podría agregarla. Esos popups son molestos.

• Estoy usando estos filtros de uBlock Origin para 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;)
news.ycombinator.com##html:style(filter:invert(100%) hue-rotate(180deg); background: white)
  Limito el ancho de los comentarios a unas 10 palabras para que sean más fáciles de leer, y también cambié algunos colores. Si tienen mejoras, me gustaría que me las cuenten

  • No sabía que se podían agregar estilos a los filtros de uBlock
    Creo que igual seguiría prefiriendo Stylus por legibilidad y facilidad de depuración, pero es bueno saberlo
    Y font-weight: italic; parece un typo

• Uso uBlock de forma parecida. En los últimos 8 años acumulé cientos de filtros personalizados, y lo más reciente fue agregar reglas para ocultar spoilers en 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##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

  • También podría ser buena idea ocultar en cuántos episodios aparece un actor en esa obra. Esa información ya me arruinó cosas varias veces
  • Me pregunto si tienes publicados otros filtros. ¿Los puedes compartir?

• Arc tiene una función integrada para mejorar la personalización. La llaman Boosts, se pueden crear con unos pocos clics y, si hace falta, también permiten agregar CSS/JS personalizado
  La uso mucho para eliminar elementos distractores en la mayoría de los sitios, como Facebook, Twitter, Reddit, Medium, Gmail y YouTube, y de verdad cambia la vida
  Aquí se pueden ver Boosts compartidos por otros usuarios: https://arc.net/boosts

  • Me encantan las pestañas verticales de Arc. Hace tiempo usé pestañas verticales con pestañas anidadas en Firefox, y el flujo era muy bueno
    Es genial poder contener dentro de un grupo esas madrigueras de pestañas que aparecen cuando profundizas en un tema. Al terminar, podías cerrar el grupo y quedarte solo con las pestañas que de verdad querías conservar; extraño eso
    Ahora no las uso porque configurarlas me tomó tiempo y no hay una forma fácil de administrarlas de manera declarativa, como código, para compartirlas entre dispositivos y guardarlas a largo plazo. Si encuentro una forma, podría volver a usarlas
    Probé Arc, pero hubo varias cosas que no me gustaron. No es open source, y parece que Boosts tampoco. Al estar basado en Chromium, no va con mi postura de querer que Firefox u otros navegadores mantengan cuota de mercado. No es que odie a Google, pero no quiero que una sola empresa domine la web. Además, parece que solo funciona en macOS e iOS, aunque no sé si todavía es así
  • Arc tiene la mejor UI de navegador que ha salido hasta ahora. El resto, en esencia, sigue estancado a fines de los 2000