A firefox browser extension to highlight and show the CSS display and position used by any element on every webpage. At the moment, the values are shown by hovering elements. The aim is to have a better interaction to make it clearer, by clicking on the values themselves to highlight elements using them. Work in progress
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
chrissy ae98bedc4d hello 2 weeks ago
icons popup works, new styling 2 weeks ago
popup popup works, new styling 2 weeks ago
.DS_Store one legend now, but bug with hovering 1 month ago
LICENSE add files, clean readme.md 2 months ago
README.md corrections in readme 2 months ago
main.js hello 2 weeks ago
manifest.json one legend now, but bug with hovering 1 month ago
specific-lens.css popup works, new styling 2 weeks ago

README.md

authors date context
Chrissy Ströbele & Kiara Jouhanneau March 2025 Special Issue 26 - Declarations

Specific Lens web extension

The Specific Lens is a Firefox extension created to highlight the CSS display and position values used by the elements of a web page.

04-03-2025
The project is a work in progress

For more information about the workflow, visit the dedicated Wiki page.