Adblock and User CSS

Adblock. Adblock is a plugin that is available for modern browsers that does exactly what the name suggests: blocks ads. The one I use on my Google Chrome is just called “Adblock”, but there are others called “Adblock plus” and the like.

These plugins read the page’s HTML, and/or JavaScript, and block advertisements from being injected into the page, which is pretty sweet. The result of this is a cleaner UI without the clutter of ads. The downside, is that website will miss out on revenue and they may not like that you are blocking ads. Put simply, having an ad blocker is almost a must nowadays to keep overlays and pop up ads in check. But, believe me, some of them still get through. Those that do, most plugins offer a “block this ad” option where you tell the plugin where the ad is, and it goes and kicks its butt!

Remember that portion about the website not liking you blocking ads? Yeah, some sites are resulting to blocking the user completely if they can’t make a buck off of them (lookin’ at you theChive). That’s when another plugin comes in handy: User CSS.

This plugin, and those like it, allow you to inject CSS into the website to style it to your personal likes. If you don’t know, CSS is a language that adds style to a website; without it, you would be looking at a bunch of black text, like a book. CSS controls positioning, color, backgrounds, image sizes, etc.

Disabling sites that won’t allow you to browse with an ad block, is pretty simple. If you right click on whatever is block your way, usually a pop up, then you can “inspect” it. Once you see the element, you can easily target that element with CSS and tell it to display “none”, which means “get outta here!”.

If you aren’t familiar with CSS or browser inspection tools, a quick Google will get you right on your feet, it’s really easy.

Of course, if you are going to a site you love and trust, I would suggest either buying into their subscription program or disabling your ad blocker, just to show your support.