CSS zum Blockieren von Zeug

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Ich bin kein großer Befürworter von Adblockern. Abgesehen davon, dass diese Seite Werbung enthält, stört sie mich im Allgemeinen nicht. Ich bin ein großer Befürworter dafür, dass du tust, was immer du auf deinem Computer tun möchtest, um zu kontrollieren, was dir auf deinem Bildschirm angezeigt wird. Wenn du User-Stylesheets, Adblocker, Flash-Blocker oder was auch immer verwenden möchtest, dann nur zu. Hier sind einige CSS-Projekte zum Blockieren von Zeug.

Floppy Moose userContent.css

Das ist hier ein ziemlich alter Kram, aber hey, CSS bewegt sich nicht so schnell. Die Idee ist, dass einige Browser es erlauben, zusätzliche Standard-CSS zu allen Seiten hinzuzufügen (Firefox und Safari). Dies ist CSS, das eine Menge Links, iframes und diverse Elemente blockiert, meist basierend auf ihrem src oder href Attribut, und einige auf Klasse/ID.

Um es in Firefox zu verwenden, legst du es an einen besonderen Ort.

Um es in Safari zu verwenden, ist es eine Einstellung.

Opera unterstützt ebenfalls UserCSS, hier gibt es Anweisungen.

Das Beste, was ich für Google Chrome finden konnte, war die Erweiterung Advanced Page Injector, die den Zweck erfüllen sollte, eigenes CSS (oder JS) auf alle angezeigten Seiten anzuwenden.

CSS anzeigen

Gozer.org Ad Blocking CSS

Das ist im Geiste dem Floppy Moose CSS ähnlich, scheint aber neuer aktualisiert worden zu sein und ist wesentlich ambitionierter hinsichtlich der abgedeckten Domains und der gesuchten Elementtypen. Die Verwendung wäre dieselbe wie oben.

CSS anzeigen

Steven Franks shutup.css

Die Idee hier ist, die Kommentarbereiche auf Blogs zu blockieren. Seiten wie YouTube und Digg sind berüchtigt für ihre seelenzerstörend schlechten Kommentare, also vielleicht ist es für die Dünnhäutigen unter uns einfacher, durch den Tag zu kommen, wenn man sie einfach nicht sieht. Das CSS hat einige spezifische IDs/Klassen, die es für bestimmte Seiten versteckt, aber auch sehr generische wie #comments und .comments, die den Kommentarbereich auf den meisten WordPress-Seiten blockieren würden.

Die Installation wäre wieder wie auf den obigen Screenshots.

CSS anzeigen Verschoben auf diese Seite.

Mehrere verwenden

Du musst diese CSS-Dateien lokal kopieren, um sie verwenden zu können. Das ist sowieso gut, da du die Dinge nach deinen eigenen Vorlieben anpassen kannst. Es bedeutet auch, dass du einfach eine in die andere kopieren könntest, um beide gleichzeitig zu verwenden.

Flash blockieren

Wenn du speziell Flash blockieren möchtest (oder zumindest das Laden verhindern willst), gibt es Browser-Erweiterungen/Add-ons, die du dafür verwenden kannst.

  • Firefox: Flashblock
  • Safari: ClickToFlash
  • Opera 10: Geben Sie einopera:config#UserPrefs|EnableOnDemandPlugin
  • IE 8: Extras > Add-ons verwalten > Flash Player Add-on > Weitere Informationen > Alle Websites entfernen (dann erhalten Sie beim Besuch einer Website mit Flash eine Benachrichtigung, bei der Sie sich pro Website entscheiden können)

Wenn du andere Ideen oder Lieblingstechniken für die userContent.css-Idee hast, lass es uns wissen!