Pesticide

Everyone of us has done it before. Every time we had a problem with our CSS, we added a 1 pixel red border to two or more elements just to get a sense of what's going on and where the problem is lying.

While this very useful, it's also very annoying since it requires developers to manually add the border to each of the page element we want to debug and then remove it later.

The Pesticide tool is a tool for doing this but in an automated, cleaner, and faster way.

Unlike the aforementioned way, Pesticide works by adding a 1 pixel outline to each page element, each outline colored differently based on the type of element it encloses.

Pesticide is available as:

CSS stylesheet

Stylus file

LESS file

SASS file

Browser bookmarklet

Google Chrome extension

What is new in this release:

• Can now include pesticide as a Stylus, LESS, or SASS partial in your project.
• It is also now available as a Chrome extension.

What is new in version 1.3.0:

• Can now include pesticide as a Stylus, LESS, or SASS partial in your project.
• It is also now available as a Chrome extension.

What is new in version 1.2.0:

• Can now include pesticide as a Stylus, LESS, or SASS partial in your project.
• It is also now available as a Chrome extension.