English
See more
A devtool panel for debugging Atomic CSS rules as if they were not atomic
Latest Version
Version
0.0.9-dev
Update
October 17, 2024
Size
196KiB
Developer
astahmer.dev
Category
Users
4,000+ 
Rating
5 ★
Manifest Version
3
Web Store Status
Extension ID
Languages Support
Permissions
Atomic CSS Devtools Extension
Discover a better way to debug CSS with \"Atomic CSS Devtools.\"
This powerful Chrome extension provides a unique approach to handling Atomic CSS rules by presenting them in a non-atomic format, making them easier to interpret and adjust. It's a must-have for developers aiming to streamline their CSS troubleshooting and enhance site performance.
---
If you find this extension useful, please consider supporting it by giving it a
💫 star on GitHub, sharing it with your friends and colleagues
https://github.com/astahmer/atomic-css-devtools
or you could even sponsor me on Github here 🙏
https://github.com/sponsors/astahmer
Read more
This powerful Chrome extension provides a unique approach to handling Atomic CSS rules by presenting them in a non-atomic format, making them easier to interpret and adjust. It's a must-have for developers aiming to streamline their CSS troubleshooting and enhance site performance.
---
If you find this extension useful, please consider supporting it by giving it a
💫 star on GitHub, sharing it with your friends and colleagues
https://github.com/astahmer/atomic-css-devtools
or you could even sponsor me on Github here 🙏
https://github.com/sponsors/astahmer
Source Manifest.json
{
"update_url": "https://clients2.google.com/service/update2/crx",
"manifest_version":3,
"name":"Atomic CSS Devtools",
"description":"A devtool panel for debugging Atomic CSS rules as if they were not atomic",
"version":"0.0.9",
"short_name":"Atomic CSS Devtools",
"icons":{"16":"icon/16.png",
"32":"icon/32.png",
"48":"icon/48.png",
"96":"icon/96.png",
"128":"icon/128.png"},
"author":"@astahmer_dev",
"homepage_url":"https://github.com/astahmer/atomic-css-devtools",
"developer":{"name":"@astahmer_dev",
"url":"https://twitter.com/astahmer_dev"},
"permissions":[],
"version_name":"0.0.9-dev",
"background":{"service_worker":"background.js"},
"devtools_page":"devtools.html",
"content_scripts":[{"matches":[""],
"js":["content-scripts/content.js"]}]}
Read more
"update_url": "https://clients2.google.com/service/update2/crx",
"manifest_version":3,
"name":"Atomic CSS Devtools",
"description":"A devtool panel for debugging Atomic CSS rules as if they were not atomic",
"version":"0.0.9",
"short_name":"Atomic CSS Devtools",
"icons":{"16":"icon/16.png",
"32":"icon/32.png",
"48":"icon/48.png",
"96":"icon/96.png",
"128":"icon/128.png"},
"author":"@astahmer_dev",
"homepage_url":"https://github.com/astahmer/atomic-css-devtools",
"developer":{"name":"@astahmer_dev",
"url":"https://twitter.com/astahmer_dev"},
"permissions":[],
"version_name":"0.0.9-dev",
"background":{"service_worker":"background.js"},
"devtools_page":"devtools.html",
"content_scripts":[{"matches":["
"js":["content-scripts/content.js"]}]}
