Erase Everything

18 Apr 2016

My First Chrome Extension

A few days ago I was surfing the net trying to stream some videos when it occurred to me just how spammy and aggressive some sites could be with their ads. There were popups, banners, text overlays, you name it. Rather then even attempt to close each and every single popup by sifting through the various close buttons, I simply fired up Chrome’s developer panel and went to work hiding elements by adding display: none to the elements style block. Simple enough, a few right clicks and ctrl+v later and the page displayed nothing other than the video I wanted to watch. It felt great to remove all the ad clutter. This got me thinking, what if there was an easier way to go about hiding elements?

Enter Google Chrome Extensions

I spent a few days building out Erase Everything. This simple extension automates the process of adding display: none to a elements style. The user input is minimal. Simply hover over an element, and click! Just like that it fades away and is removed from the DOM.

How can I install it?

Head on over to the Github repo and download the unpackaged extension in zip form, here. Once downloaded, visit chrome://extensions and click “load unpacked extension”. The Erase Everything icon should appear in your browser bar.

To use, simply click the icon (it will turn green) and begin overing over elements. When the element you want shows a red border, simply click it to erase.

1. bash

Last updated: Sun May 31 17:29:48 on ttys000
Rohan-Likhites-MacBook-Pro:~ rohanlikhite$ cd Documents
Rohan-Likhites-MacBook-Pro:Documents rohanlikhite$ cat myBio.txt

> I am a creative software developer and product designer from Toronto, Canada. I have experience designing, building and testing robust microservice enterprise applications for IoT platforms, desktop/mobile applications, and AR/VR experiences, all using modern tech-stacks. I enjoy modern art, Formula One, green tea and play tennis in my spare time.

> JavaScript + Node, Typescript, Ruby + ROR, GoLang, GraphQL, RabbitMQ, SocketIo, VueJs, Webpack, Nightwatch, Rspec, Selenium, Capybara, Intern, Jenkins, HTML5, Slim, CSS3, SASS, Bootstrap/Foundation/Chocolate, Source Code Management (GIT + SVN), Bower, Yarn, NPM, Unity3D, Open Frameworks, Processing, MAX MSP, VPT7, Adobe Creative Suite, Autocad, Revit, Oculus Rift, META SpaceGlass.

Other Interests
-Formula One

Email: [email protected]
Github: imRohan
Dribbble: imRohan
LinkedIn: rohan-likhite
Twitter: @rohanlikhite
Medium: @RohanLikhite

>Press ESC to close window
>Lovingly crafted by Rohan Likhite - 2014

Rohan-Likhites-MacBook-Pro:Documents rohanlikhite$