shutup.css

Introduction

shutup.css is a custom stylesheet that can be applied to your browser to hide comments on many popular websites.

Installation (Safari, Chrome, and Firefox)

The easiest way to use shutup.css is with a browser extension. Currently there are extensions for Safari and Chrome.

» shutup.css for Safari by Ricky Romero

» shutup.css for Chrome by Ricky Romero

Firefox users may wish to try the Stylish plug-in with the raw shutup.css stylesheet (below).

Installation (all other browsers)

Download the auto-updating shutup.css file to your system.

If you don’t trust a remotely-imported CSS file, or want to make customizations, you can direct download the non-updating current version instead.

In your browser’s preferences, configure your browser to use shutup.css as a custom user stylesheet. In Safari for Mac OS X, it looks like this:

Safari screenshot

Then simply enjoy a less comment-y web.

If you make changes, or download a new version of shutup.css, quit and restart your browser to make sure it takes effect.

A list of known-to-be-affected sites is contained within the stylesheet itself.

Warning

The stylesheet blindly hides blocks with IDs like “comments”, which could have unexpected side effects. (I’m told it hides the “discussion” section of Bugzilla installations, for example.) Disable shutup.css if you think you might be missing important page content.

Bookmarklet

Justin Ridgewell provided a bookmarklet to activate the stylesheet on-demand, rather than all the time. Drag it to your browser’s bookmark bar:

Shh!

Contributions

The easiest way to make an addition or correction to shutup.css is to send me a pull request on GitHub.

Contact

You can contact me at stevenf@panic.com

Thanks for your assistance: Cabel, Neven, Tim, Ricky, and others!