CSS Terrain CRX
0.0.1
rodrigoantunes.me/css-terrain

Topographic visualization of CSS

Latest Version

Version
0.0.1
Update
August 6, 2024
Size
12.5KiB
Developer
rodrigoantunes.me/css-terrain
Category
Users
10
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English (United States)
See more
Permissions
Scripting
See more

CSS Terrain Extension

Take a look at your webpage elements in grayscale.

As you get more into front-end development, there will be times when you're puzzled by margins, paddings, and spaces between elements.

This tool makes it easier by showing you all the elements visually for better analysis.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "CSS Terrain", "version": "0.0.1", "description": "Topographic visualization of CSS", "author": "Rodrigo Antunes", "icons": { "16": "icons/16.png", "32": "icons/32.png", "48": "icons/48.png", "128": "icons/128.png" }, "action": { "default_icon": { "16": "icons/16.png", "32": "icons/32.png", "48": "icons/48.png", "128": "icons/128.png" }, "default_popup": "popup/popup.html" }, "host_permissions": [ "https://*/*", "http://*/*" ], "permissions": ["scripting"]}
Read more

Similar Extensions

icon

CSS Selector Extension · Productivity 10 2 ★ 73.43KiB

icon

CSS Peeper Extension · Developer Tools 10 363 ★ 279KiB

icon

Atomic CSS Devtools Extension · Developer Tools 10 15 ★ 196KiB

icon

CSS Viewer for Google Chrome™ Extension · Productivity 10 334 ★ 346KiB

icon

Pesticide for Chrome (mv3) Extension · Developer Tools 10 1 ★ 23.45KiB

icon

HTML CSS Viewer Extension · Developer Tools 10 0 ★ 7.65KiB

icon

Show All Padding & Margins Extension · Developer Tools 10 1 ★ 23.17KiB

icon

Bootstrap grid viewer Extension · Developer Tools 10 2 ★ 34.09KiB

icon

CSS Selector Tester Extension · Developer Tools 10 4 ★ 30.87KiB

icon

SelectorGadget Extension · Developer Tools 10 108 ★ 86.66KiB

icon

Inspecta - validate design implementation Extension · Developer Tools 10 3 ★ 420KiB

icon

Inspect CSS Extension · Developer Tools 10 24 ★ 404KiB

icon

css scanner Extension · Developer Tools 10 6 ★ 339KiB

icon

Guide lines Extension · Developer Tools 10 3 ★ 9.17KiB

icon

CLS Visualizer Extension · Developer Tools 10 11 ★ 17.27KiB

icon

CSSViewer Extension · Developer Tools 10 10 ★ 74.67KiB

icon

View CSS Extension · Developer Tools 10 1 ★ 5.89KiB

icon

Beautifer & Minify Extension · Developer Tools 10 5 ★ 430KiB

icon

Html Style Copier Extension · Developer Tools 10 0 ★ 2.95MiB

icon

CSS Debug with Pesticide Extension · Developer Tools 10 1 ★ 181KiB

icon

SCSS to CSS Extension · Developer Tools 10 2 ★ 2.35MiB

icon

CSS Scanly - Copy CSS | Tailwind & Bootstrap Extension · Productivity 10 5 ★ 35.52KiB

icon

Supertweak Extension · Developer Tools 10 4 ★ 75.3KiB

icon

CSS Color Helper Extension · Developer Tools 10 2 ★ 2.46MiB