ublock-origin-filters — Supprimer les distractions avec des filtres uBlock Origin

 (github.com/mig4ng)
2 points par GN⁺ 2023-09-21 | 1 commentaires | Partager sur WhatsApp
  • Une collection personnelle de filtres uBlock Origin pour supprimer les distractions inutiles sur certains sites web
  • Le principe consiste à n’autoriser que des actions précises sur chaque site, et à désactiver les autres éléments susceptibles de détourner l’attention
  • Pour les utiliser, ajoutez 0-include-all.txt à Filter Lists > Import... dans uBlock Origin afin d’importer les filtres
  • Objectif des filtres par cible
    • Pop-ups de compte Google : désactiver les pop-ups Google agaçants qui apparaissent sur de nombreux sites web
    • YouTube : supprimer les distractions comme les vidéos recommandées, la lecture automatique, les suggestions et les Shorts, pour un usage centré sur le visionnage, la recherche et l’envoi de vidéos
    • Twitter : supprimer les distractions comme le fil et la barre latérale, pour un usage centré sur la consultation du fil de tweets de profils précis, la lecture du contenu des tweets et des commentaires, et la rédaction de tweets
    • LinkedIn : supprimer les distractions comme le fil et la barre latérale, pour un usage centré sur la consultation de profils et d’entreprises, la lecture de publications précises, la réponse aux messages et la rédaction de publications
    • Stack Overflow et Stack Exchange : supprimer les scores, les photos de profil et les notifications d’interaction, pour un usage centré sur la lecture de la meilleure réponse aux questions
  • Une note indique que l’extension Firefox Unhook est actuellement utilisée pour YouTube, et qu’elle pourrait éventuellement être remplacée par des filtres

À lire aussi

1 commentaires

 
GN⁺ 2023-09-21
Avis de Hacker News

  • Après avoir bloqué beaucoup de publicités et de barres latérales, il est aussi utile d’élargir les éléments de texte restants pour réutiliser l’espace vide
    Par exemple avec quelque chose comme :xpath(//main/div):style(min-width: 80% !important)
    J’ai même essayé d’ajouter des règles column-count: sur certains sites pour donner à l’écran un aspect de journal, mais il y avait beaucoup plus d’ajustements que prévu, et la mise en page DOM des sites web modernes ressemble presque à une zone contaminée
    https://developer.mozilla.org/en-US/docs/Web/CSS/column-coun...
    Voici un exemple minimal d’injection de column-count: avec 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)

    • À ce stade, il vaut peut-être mieux récupérer le contenu via RSS et le styliser en colonnes dans un lecteur
      J’aime bien l’affichage en colonnes et, pour ce que je consulte régulièrement, j’essaie de revenir à une approche centrée sur RSS avec plusieurs filtres intelligents. J’ai l’impression qu’on n’aurait jamais dû abandonner RSS au départ
    • Ce serait bien de pouvoir faire fonctionner ça aussi par-dessus le mode lecture de Firefox
    • J’aime assez relooker plusieurs sites avec uBO et Stylus, mais dans beaucoup de cas, passer simplement en Reader Mode est plus rapide et meilleur
      Ce n’est pas toujours possible, mais ça l’est assez souvent
    • La première règle est une bonne astuce. Il arrive parfois qu’un site se casse quand on supprime un élément

  • Dans uBlock Origin, il suffit d’aller dans Options > Filter Lists > Annoyances et d’activer les éléments suivants
    "AdGuard – Annoyances"
    "EasyList – Annoyances"
    "uBlock filters – Annoyances"
    Avec ça, on peut supprimer 99,9 % des éléments agaçants des sites web sans casser les fonctionnalités principales. Je fais ça depuis des années à chaque nouvelle installation de Chrome, et ça marche très bien

    • Il existe en pratique deux versions d’Internet, et celle qu’on utilise dépend de la qualité de configuration de son bloqueur de publicités
      Pendant les vacances, en utilisant l’ordinateur portable de ma mère, j’ai été brièvement déconcerté par l’apparence si différente des sites que je visitais : presque tous étaient couverts de publicités. Bannières entre les paragraphes, barres latérales remplies de pubs, jusqu’aux images de fond vendant des produits ; ça n’avait plus rien à voir avec ce à quoi j’étais habitué
    • AdGuard est-il meilleur qu’EasyList ?

  • Si vous utilisez uBlock Origin, je me demande si vous avez essayé de soumettre ces filtres aux listes uBlock Annoyances ou EasyList Annoyances avant de lancer ce projet
    Cela pourrait aider bien plus de monde que de créer une nouvelle liste Annoyances supplémentaire
    https://github.com/uBlockOrigin/uAssets

    • Ce n’est pas juste un élément agaçant, c’est plutôt proche d’une fonctionnalité essentielle du site
    • Certaines listes Annoyances peuvent aller trop loin et supprimer même les indices visuels indiquant qu’un site propose un flux RSS
    • Je ne connaissais pas cette liste. Ça vaut le coup de l’ajouter à mes filtres et de vérifier si les règles que j’ai créées s’y appliquent aussi

  • Personnellement, sur mon ordinateur de travail, je dois masquer les questions tendance de Stack Exchange. Pour moi, c’est presque comme de l’herbe à chat pour un chat
    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
    Comme beaucoup de sites ignorent aussi prefers-reduced-motion, je masque souvent les distractions visuelles comme les carrousels sans fin ou les petites animations décoratives mignonnes

    • J’entre pour résoudre une question sur le cycle de vie des composants React, et je me retrouve à cliquer sur une obscure exception de règle de Dungeons & Dragons
    • Pendant longtemps, je n’ai absolument pas prêté attention à cette colonne. Mon cerveau avait appris que tout ce qui se trouvait à cet endroit n’était qu’un décor inutile.
      Un jour, j’ai effectivement lu quelques questions et j’ai été surpris de les trouver assez intéressantes ; j’ai alors parfaitement compris l’idée de l’herbe à chat. Heureusement, il existe un interrupteur pour la désactiver soi-même, ce qui permet d’éviter l’addiction
    • Je fais un peu pareil, mais j’utilise simplement le sélecteur d’élément, donc mes règles ont une forme un peu différente
      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
      Malheureusement, je n’ai pas ajouté de commentaires pour indiquer à quoi sert chacune. L’une pourrait être une bannière du genre demande de vote, et une autre probablement la boîte « Featured on Meta » ainsi que la barre latérale gauche que je n’utilise jamais. Ce n’est pas dans la liste ci-dessus, mais récemment j’ai aussi bloqué la pénible popup « New Search AI Experience ».
      Heureusement, il existe un jeu de règles séparé pour les bannières de cookies, mais c’est celui qui cause le plus de problèmes. Si l’on n’interagit pas avec la bannière de cookies, certains sites ne fonctionnent pas correctement, voire ne se chargent pas du tout. Je déteste vraiment l’Internet moderne sans uBlock
    • Ces règles sont excellentes. Tu pourrais contribuer à la PR StackOverflow du dépôt : https://github.com/mig4ng/ublock-origin-filters/pull/4

  • J’utilise une approche similaire, mais mon objectif est la protection de la vie privée et l’évitement des flux algorithmiques
    Avec l’extension Redirector de Firefox, je redirige les liens YouTube, Twitter et StackOverflow vers des frontends alternatifs comme Piped, Nitter et AnonymousOverflow. Il existe aussi des listes maintenues de ces projets et instances.
    La plupart sont libres, open source, respectueux de la vie privée, et, grâce à leur nature de logiciels éthiques, fournissent aussi par hasard des frontends sans distractions.
    https://github.com/digitalblossom/alternative-frontends
    https://farside.link

    • Vraiment très bien. J’avais mis dans ma bucket list une idée similaire : créer des services alternatifs sans distractions et les rediriger d’une manière ou d’une autre.
      Je suis content de voir que d’autres ont eu la même idée et qu’il existe déjà des versions en ligne

  • J’avais autrefois documenté comment supprimer les éléments décoratifs incitant à payer sur Reddit et 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)

    • Reddit a pour l’instant mis fin aux awards, mais le filtre s’applique toujours aux anciens posts
    • Que fait la dernière règle ?

  • Une règle pour supprimer les popups Login With Google disséminées un peu partout sur Internet
    accounts.google.com/gsi/iframe
    Elle ne casse pas le bouton de connexion Google lui-même, donc si c’est vraiment nécessaire, on peut toujours se connecter avec un compte Google

    • Je pourrais l’essayer et l’ajouter aussi si ça marche bien. Ces popups sont agaçantes

  • J’utilise des filtres uBlock Origin pour Hacker News comme ceci
    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)
    Je limite la largeur des commentaires à environ 10 mots pour les rendre plus lisibles, et j’ai aussi changé quelques couleurs. S’il y a des améliorations possibles, dites-le-moi

    • Je ne savais pas qu’on pouvait ajouter des styles aux filtres uBlock
      Pour la lisibilité et la facilité de débogage, je pense que je continuerai à préférer Stylus, mais c’est bon à savoir
      Et font-weight: italic; ressemble à une faute de frappe

  • J’utilise uBlock de façon similaire. Au cours des 8 dernières années, j’ai accumulé des centaines de filtres personnalisés, et plus récemment j’ai ajouté des règles sur IMDb pour masquer les 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

    • Il pourrait aussi être utile de masquer le nombre d’épisodes dans lesquels un acteur apparaît dans cette œuvre. Je me suis fait avoir plusieurs fois par cette info
    • Je me demande si tu as aussi rendu publics d’autres filtres. Tu pourrais les partager ?

  • Arc propose une fonction intégrée pour améliorer l’apparence des sites. Ça s’appelle Boosts, on peut les créer soi-même en quelques clics, et ajouter du CSS/JS personnalisé si nécessaire
    Je m’en sers beaucoup pour supprimer les éléments distrayants sur la plupart des sites comme Facebook, Twitter, Reddit, Medium, Gmail, YouTube, etc., et ça change vraiment la vie
    Les Boosts partagés par d’autres utilisateurs sont visibles ici : https://arc.net/boosts

    • J’aime vraiment les onglets verticaux d’Arc. J’avais déjà utilisé dans Firefox des onglets verticaux avec des onglets imbriqués, et le flux était agréable
      C’est excellent de pouvoir enfermer dans un groupe le terrier de lapin d’onglets qui se crée quand on creuse un sujet en profondeur. Une fois terminé, on pouvait fermer le groupe et ne garder que les onglets qu’on voulait réellement conserver, et ça me manque
      Aujourd’hui, je ne les utilise plus parce que la configuration prenait du temps et qu’il n’existe pas de moyen simple de les gérer de façon déclarative, comme du code, pour le partage entre appareils et l’archivage à long terme. Si je trouve une méthode, je pourrais m’y remettre
      J’ai essayé Arc, mais plusieurs choses ne m’ont pas plu. Ce n’est pas open source, et les Boosts ne semblent pas l’être non plus. Comme c’est basé sur Chromium, ça ne colle pas avec mon souhait de voir Firefox ou d’autres navigateurs conserver des parts de marché. Je ne déteste pas Google, mais je ne veux pas qu’une seule entreprise domine le Web. Et il me semble que ça ne fonctionne que sur macOS et iOS, même si je ne sais pas si c’est toujours le cas
    • Arc a la meilleure UI de navigateur jamais sortie jusqu’ici. Le reste est, au fond, encore coincé à la fin des années 2000