Why would I use it?
Some people feel that website comments are an annoyance or distraction from the main content. Some choose to use shutup.css to avoid being drawn into protracted arguments or avoid being exposed to statements that instill anger or sadness in them.
How do I install it on my computer?
The simplest way to use shutup.css on a conventional desktop or laptop computer is with a browser extension. Currently there are extensions for Safari, Chrome and Firefox on any operating system:
- Shut Up for Safari by Ricky Romero
- Shut Up for Chrome by Ricky Romero
- Shut Up for Firefox by Ricky Romero
These official browser extensions automatically update themselves with the latest shutup.css stylesheet, and allow you to toggle comment blocking on and off with a toolbar button.
If you don't want a separate extension, you can instead use the Stylish plug-in, in combination with the raw shutup.css stylesheet (detailed below).
How do I install it on my iPhone or iPad?
You must have a 64-bit device running iOS 10 or later.
The following content blocker apps include shutup.css:
Do I have to use an extension or plug-in?
shutup.css can be used in any web browser that allows the loading of custom user stylesheets. Most popular browsers do for accessibility reasons; for example, to allow a visually impaired user to make text larger.
To use shutup.css as a custom user stylesheet:
- Download the auto-updating shutup-user-stylesheet.css file to your system.*
- In your browser's preferences, configure your browser to use shutup-user-stylesheet.css as a custom user stylesheet. In Safari for OS X, for example, it looks something like this:
After selecting "Other..." from the pop-up menu, select the shutup-user-stylesheet.css file you downloaded in step 1. This process will vary in other browsers, but the general idea is the same.
If you make changes to the stylesheet, or download a new version of shutup.css, you may need to quit and restart your browser to make sure it takes effect.
*If you don't trust a remotely-imported CSS file being applied to every web page you see, or if you want to make additional customizations, you can download the most recent non-updating version instead, but you will have to occasionally update this file manually.
How about a bookmarklet instead?
Another option is to install the shutup.css bookmarklet. The bookmarklet lives in your bookmarks toolbar, and applies the shutup.css stylesheet only when you click on it rather than automatically when pages load.
The bookmarklet can be installed by selecting the text below and dragging it into your browser's bookmark bar:
Original bookmark by Justin Ridgewell. HTTPS fix by Alexandre Vallières-Lagacé
Anything I should watch out for?
shutup.css works by looking for blocks of content on the page that are identified in the page's source code as "comments" or similar identifiers. The stylesheet instructs the web browser to simply not display these blocks.
This may affect some web applications in unexpected ways. I'm told it hides the "discussion" section of Bugzilla installations, for example. Remember to try disabling shutup.css if you think you might be missing important page content.
What about privacy?
Stylesheets like shutup.css contain no executable code, so they cannot track or spy on you.
If you are using the Chrome or Safari extensions or the iOS app, it will periodically contact Ricky's web server solely to check for an update and download it if one is available. When this happens, the date and time, your IP address, and "User-Agent" string (which identifies your web browser) are logged by the web server. These logs are kept temporarily for diagnostic purposes only. The Firefox version doesn't use this update feature, per AMO policy.
Can I contribute to shutup.css?
Sure! You can send me a pull request on GitHub. If you speak CSS but not Git, just email me your proposed changes.