Font Finder
An easy-to-use font inspector to get CSS styles of the selected element
A CSS debugging tool that inserts outlines onto all elements to help with debugging layout issues
Review user movement across collected snapshots.
View collected rating snapshots from the latest 7-day window to assess rating stability.
Compare 1-day, 7-day, and 30-day net growth and growth rate.
Review publication date, version, supported languages, and crawl timestamps.
Review the store description, core capabilities, and common use cases.
This extension inserts the Pesticide CSS into the current page, outlining each element to better see placement on the page.
This is a forked copy of Pesticide created originally by Adam Morse:
https://github.com/mrmrs/pesticide
This copy of Pesticide is created for students on the Complete Web Development Bootcamp by Dr. Angela Yu.
https://www.udemy.com/course/the-complete-web-development-bootcamp/
Inspect the latest comments and rating distribution.
Store average score: 4.0. The bars below are calculated from synced review text only, so they may be empty for extensions that have public ratings but no synced comments yet.
Review related products from the Chrome Web Store detail page.
An easy-to-use font inspector to get CSS styles of the selected element
Instantly debug CSS layouts by adding colorful outlines to HTML elements. Easily identify and inspect elements with a simple click.
When enabled adds outline to all elements on the page, Hold Ctrl and hover to get more detail
Visual CSS styling and debugging tool for developers.
Great tool. Thank you!!!
Here because of Angela
Very Good Extension love it.Thanks Angela Yu
for those whose is not working. go to manage extension and scroll down untill you see "Allow access to file URLs" turn it on, and it will work
It's working for me just fine. Such a prime little tool. It's like opening the curtains on your sites scaffolding so you can see everything! way better than putting red borders on everything manually in your css file. I'm obviously on chrome. And I'm using a new Mac studio.
Not working for me as well
Do not working on my chrome, only on my edge :(
Id' love to see it show me classes for the deployed version too. We have to kill this production bugs.
super useful extension especially if you want to know why your layout doesn't look as you meant it to be! Thank you for it!
As a front-end developer, I've found the Pesticide Chrome extension to be an invaluable tool for debugging and refining web layouts. It's incredibly simple to use – just click on the extension's icon in the toolbar, and Pesticide will outline every element on the page with a unique color, making it easy to identify and visualize their placement. This visual representation is particularly helpful for identifying alignment and spacing issues, ensuring that each element is positioned correctly and contributes to a polished overall design.