ublock-origin-filters - uBlock Origin filtreleriyle dikkat dağıtıcı unsurları kaldırın

• Bazı web sitelerindeki gereksiz dikkat dağıtıcı unsurları kaldırmak için hazırlanmış kişisel uBlock Origin filtreleri koleksiyonu
• Her web sitesinde yalnızca belirli işlemlere izin verip, bunun dışındaki dikkat dağıtabilecek öğeleri devre dışı bırakma yaklaşımını benimsiyor
• 0-include-all.txt dosyasını uBlock Origin içindeki Filter Lists > Import... bölümüne ekleyerek filtreleri içe aktarma şeklinde kullanılıyor
• Hedefe göre filtre amaçları
  • Google hesap açılır penceresi: Çeşitli web sitelerinde görünen can sıkıcı Google açılır pencerelerini devre dışı bırakma
  • YouTube: önerilen videolar, otomatik oynatma, öneriler, Shorts gibi dikkat dağıtıcı unsurları kaldırma ve videoları izleme, arama yapma, yükleme odaklı kullanım
  • Twitter: akış, kenar çubuğu gibi dikkat dağıtıcı unsurları kaldırma ve belirli profillerin tweet akışını görüntüleme, tweet içeriği ve yorumları görme, tweet yazma odaklı kullanım
  • LinkedIn: akış, kenar çubuğu gibi dikkat dağıtıcı unsurları kaldırma ve profil/şirket görüntüleme, belirli gönderileri okuma, mesajlara yanıt verme, gönderi yazma odaklı kullanım
  • Stack Overflow ve Stack Exchange: puanlar, profil fotoğrafları, etkileşim bildirimlerini kaldırma ve soruların en üstteki yanıtlarını okumaya odaklı kullanım
• YouTube için şu anda Firefox uzantısı Unhook kullanıldığı, bunun filtrelerle değiştirilebileceğine dair bir not da yer alıyor

[GN⁺]

Hacker News yorumları

• Reklamları ve kenar çubuklarını büyük ölçüde engelledikten sonra, geriye kalan metin öğelerini genişletip boş kalan alanı yeniden kullanmak da faydalı oluyor
  Örneğin :xpath(//main/div):style(min-width: 80% !important) gibi
  Daha da ileri gidip bazı sitelere column-count: kuralları ekleyerek ekranı gazete gibi göstermeye çalıştım; ama beklediğimden daha fazla ayar gerektirdi ve modern web sitelerinin DOM yerleşimi neredeyse kirli bir bölge gibi
  https://developer.mozilla.org/en-US/docs/Web/CSS/column-coun...
  uBlock ile column-count: enjekte etmeye dair minimal bir örnek burada: 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)

  • Bu noktada içeriği RSS ile alıp bir okuyucuda sütunlar halinde biçimlendirmek daha iyi olabilir
    Sütun yaklaşımını seviyorum ve düzenli takip ettiğim şeylerde, çeşitli akıllı filtrelerle birlikte RSS merkezli bir düzene geri dönmeye çalışıyorum. En başta RSS’i hiç bırakmamalıydık diye düşünüyorum
  • Bunu Firefox’un okuma modu üzerinde de çalışır hale getirebilsek güzel olurdu
  • uBO ve Stylus ile birçok siteyi yeniden düzenlemeyi epey seviyorum ama çoğu durumda doğrudan Reader Mode’a geçmek daha hızlı ve daha iyi
    Her zaman mümkün değil, ama oldukça sık mümkün oluyor
  • İlk kural iyi bir numara. Bazen bir öğeyi silince site bozulabiliyor

• uBlock Origin’de Options > Filter Lists > Annoyances bölümüne gidip şu öğeleri açmanız yeterli
  "AdGuard – Annoyances"
"EasyList – Annoyances"
"uBlock filters – Annoyances"
  Böylece web sitelerindeki rahatsız edici öğelerin %99,9’unu, ana işlevleri bozmadan kaldırabilirsiniz. Yıllardır Chrome’u her yeni kurduğumda bunu yapıyorum ve çok iyi sonuç veriyor

  • İnternetin fiilen iki farklı sürümü var; hangisini kullandığınız, reklam engelleyicinizin ne kadar iyi yapılandırıldığına bağlı
    Tatilde annemin dizüstü bilgisayarını kullanırken ziyaret ettiğim sitelerin neden bu kadar farklı göründüğünü bir an anlayamadım; neredeyse her site reklama boğulmuştu. Paragrafların arasındaki banner’lar, reklam dolu kenar çubukları, bir şeyler satan arka plan görselleri derken alıştığım görünümden tamamen farklıydı
  • AdGuard, EasyList’ten daha mı iyi?

• uBlock Origin kullanıyorsanız, bu projeye başlamadan önce ilgili filtreleri uBlock Annoyances ya da EasyList Annoyances listelerine göndermeyi denediniz mi merak ediyorum
  Yeni bir Annoyances listesi oluşturmaktan çok daha fazla kişiye faydası olabilir
  https://github.com/uBlockOrigin/uAssets

  • Bu basit bir rahatsız edici öğe değil, sitenin temel işlevine daha yakın
  • Bazı Annoyances listeleri, web sitesinde RSS beslemesi olduğuna dair görsel ipuçlarını bile aşırı şekilde kaldırabiliyor
  • Bu listeyi bilmiyordum. Kendi filtrelerime de ekleyip, oluşturduğum kuralların orada da geçerli olup olmadığını kontrol etmeye değer

• Kişisel olarak iş bilgisayarımda Stack Exchange’in trend sorularını gizlemem gerekiyor. Benim için neredeyse kediler için kedi nanesi gibi bir şey
  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
  Ayrıca birçok site prefers-reduced-motion ayarını yok saydığı için, sonsuz carousel’ler ya da sevimli dekoratif animasyonlar gibi görsel dikkat dağıtıcıları da sık sık gizliyorum

  • React bileşeni yaşam döngüsüyle ilgili bir soruyu çözmek için giriyorum, bir bakmışım Dungeons & Dragons’ın anlaşılması zor kural istisnalarına tıklıyorum
  • Uzun süre o sütunu hiç umursamadım. Çünkü beynim, o konumda olan her şeyin işe yaramaz süs olduğunu öğrenmişti
    Bir gün gerçekten birkaç soruyu okuyup oldukça ilginç içerikler olduklarını görünce şaşırdım ve neden kedi nanesi gibi dendiğini tamamen anladım. Neyse ki kendi kendime kapatabileceğim bir anahtar olduğu için bağımlılıktan kaçınabiliyorum
  • Ben de benzerini yapıyorum ama sadece öğe seçiciyi kullandığım için kural biçimi biraz farklı
    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
    Ne yazık ki her birinin ne işe yaradığını yorum olarak not etmemişim. Biri oy isteme tarzı bir banner olabilir, diğeri de “Featured on Meta” kutusu ve hiç kullanmadığım sol kenar çubuğu olabilir. Yukarıda yok ama yakın zamanda can sıkıcı “New Search AI Experience” açılır penceresini de ayrıca engelledim
    Çerez banner’ları için ayrı bir kural seti olması iyi ama en çok soruna da o kural yol açıyor. Çerez banner’ıyla etkileşime girmezseniz bazı siteler düzgün çalışmıyor ya da hiç yüklenmiyor. uBlock’suz modern internetten gerçekten nefret ediyorum
  • Bu kurallar harika. Depodaki StackOverflow PR’ına katkıda bulunabilirsiniz: https://github.com/mig4ng/ublock-origin-filters/pull/4

• Benzer bir yöntem kullanıyorum ama amacım gizliliği korumak ve algoritmik akışlardan kaçınmak
  Firefox’taki Redirector eklentisiyle YouTube, Twitter, StackOverflow bağlantılarını sırasıyla Piped, Nitter, AnonymousOverflow gibi alternatif ön uçlara yönlendiriyorum. Bu tür projelerin ve instance’ların bakımı yapılan listeleri de var
  Çoğu özgür ve açık kaynaklı, gizliliğe saygılı; etik yazılım olmalarının bir sonucu olarak tesadüfen dikkat dağıtmayan ön uçlar da sunuyorlar
  https://github.com/digitalblossom/alternative-frontends
  https://farside.link

  • Gerçekten iyi. Dikkat dağıtmayan alternatif servisler yapıp somehow yönlendirmek gibi benzer bir fikri yapılacaklar listeme koymuştum
    Aynı şeyi düşünen birileri olduğunu ve çevrimiçi olarak uygulanmış sürümlerin zaten bulunduğunu görmek sevindirici

• Daha önce Reddit ve Twitter’da ödeme teşvikli süsleri kaldırmanın yolunu derlemiştim
  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 şimdilik awards’ı sonlandırdı ama eski gönderilerde filtre hâlâ uygulanıyor
  • Son kural ne yapıyor?

• İnternetin dört bir yanına yayılmış Login With Google açılır pencerelerini kaldıran bir kural
  accounts.google.com/gsi/iframe
  Google giriş düğmesinin kendisini bozmadığı için, gerçekten gerekirse Google hesabıyla giriş yapabilirsiniz

  • Bir deneyeyim, iyi olursa ben de ekleyebilirim. O açılır pencereler sinir bozucu

• Hacker News için uBlock Origin filtresini şöyle kullanıyorum
  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)
  Yorum genişliğini yaklaşık 10 kelime kadar ile sınırlayıp okumayı kolaylaştırıyorum, renkleri de biraz değiştiriyorum. İyileştirme öneriniz varsa duymak isterim

  • uBlock filtrelerine stil eklenebildiğini bilmiyordum
    Okunabilirlik ve hata ayıklama kolaylığı nedeniyle muhtemelen hâlâ Stylus’u daha çok tercih ederim, ama bilmek iyi oldu
    Ayrıca font-weight: italic; bir yazım hatası gibi görünüyor

• uBlock’u benzer şekilde kullanıyorum. Son 8 yılda yüzlerce özel filtre biriktirdim; en son IMDb’de spoiler gizleme için kurallar ekledim
  ! 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

  • Oyuncunun ilgili yapımda kaç bölüm yer aldığını gizlemek de iyi olabilir. Bu bilgi yüzünden birkaç kez yakalandım
  • Diğer filtreleri de herkese açıp açmadığını merak ediyorum. Paylaşabilir misin?

• Arc’ta görünümü iyileştirmek için yerleşik bir özellik var. Buna Boosts diyorlar; birkaç tıklamayla kendiniz oluşturabiliyor, gerekirse özel CSS/JS de ekleyebiliyorsunuz
  Facebook, Twitter, Reddit, Medium, Gmail, YouTube gibi çoğu sitede dikkat dağıtan öğeleri kaldırmak için sıkça kullanıyorum ve gerçekten hayatı değiştirecek kadar etkili
  Diğer kullanıcıların paylaştığı Boosts’ları burada görebilirsiniz: https://arc.net/boosts

  • Arc’ın dikey sekmelerini gerçekten seviyorum. Eskiden Firefox’ta iç içe sekmeleri olan dikey sekmeler kullanmıştım ve akışı çok iyiydi
    Bir konuyu derinlemesine araştırırken oluşan sekme tavşan deliğini tek bir grubun içine hapsetmek harika. İşiniz bitince grubu kapatıp yalnızca başta bırakmak istediğiniz sekmeleri tutabiliyordunuz; bunu özlüyorum
    Şimdiyse kurması zaman aldığı ve cihazlar arası paylaşım ile uzun süreli saklama için kod gibi deklaratif biçimde yönetmenin kolay bir yolu olmadığı için kullanmıyorum. Bir yol bulursam yeniden deneyebilirim
    Arc’ı denedim ama bazı şeyleri hoşuma gitmedi. Açık kaynak değil; Boosts da öyle görünüyor. Chromium tabanlı olduğu için Firefox’un veya diğer tarayıcıların pazar payını korumasını isteyen bakışımla uyuşmuyor. Google’dan nefret etmiyorum ama tek bir şirketin web’e hâkim olmasını istemiyorum. Ayrıca sadece macOS ve iOS’ta çalışıyor gibi, hâlâ öyle mi bilmiyorum
  • Arc, şimdiye kadar çıkanlar arasında tarayıcı arayüzü en iyi olanı. Geri kalanlar özünde hâlâ 2000’lerin sonlarında kalmış durumda