English
See more
Rapidly implement CSS layouts, effects, and designs without parsing through online docs
Latest Version
Version
0.0.6
Update
August 31, 2023
Size
1.18MiB
Developer
startercss.fun
Category
Users
72 
Rating
0 ★
Manifest Version
3
Web Store Status
Extension ID
Languages Support
Permissions
StarterCSS Extension
StarterCSS is a beginner-friendly version of devtools that cuts out time spent Googling for CSS docs and tutorials.
StarterCSS provides a dashboard to implement, experiment with, and visualize CSS features at just a few clicks. The dashboard is directly embedded as a devtool panel (alongside the \"Styles\" and \"Computed\" panels) for quick access. Simply inspect an element and quickly make changes to it in the StarterCSS panel.
With StarterCSS, you can:
✅ Add and customize layouts like flexboxes and grids, in addition to various visual attributes, in seconds
✅ Visualize and test CSS code in isolated environments
✅ Encounter fewer context switches from needing to look up CSS docs
✅ Export created designs/layouts into CSS for copying into your local code editor
To access the extension, go to the \"Elements\" Tab in Chrome Devtools (Right Click > \"Inspect\" or Command+Shift+C). You should see a separate row with tabs like \"Styles\", \"Computed\", and \"Layout\". StarterCSS will be another panel here; if you've just downloaded the extension, you may have to click the \">>\" (see more) icon to see all panels.
More info at startercss.fun!
If you'd like to leave feedback, visit bit.ly/startercss-feedback.
Read more
StarterCSS provides a dashboard to implement, experiment with, and visualize CSS features at just a few clicks. The dashboard is directly embedded as a devtool panel (alongside the \"Styles\" and \"Computed\" panels) for quick access. Simply inspect an element and quickly make changes to it in the StarterCSS panel.
With StarterCSS, you can:
✅ Add and customize layouts like flexboxes and grids, in addition to various visual attributes, in seconds
✅ Visualize and test CSS code in isolated environments
✅ Encounter fewer context switches from needing to look up CSS docs
✅ Export created designs/layouts into CSS for copying into your local code editor
To access the extension, go to the \"Elements\" Tab in Chrome Devtools (Right Click > \"Inspect\" or Command+Shift+C). You should see a separate row with tabs like \"Styles\", \"Computed\", and \"Layout\". StarterCSS will be another panel here; if you've just downloaded the extension, you may have to click the \">>\" (see more) icon to see all panels.
More info at startercss.fun!
If you'd like to leave feedback, visit bit.ly/startercss-feedback.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "name": "StarterCSS", "description": "Rapidly implement CSS layouts, effects, and designs without parsing through online docs", "version": "0.0.6", "manifest_version": 3, "action": { "default_popup": "index.html", "default_title": "Open the popup" }, "icons": { "16": "starter_css.png", "48": "starter_css.png", "128": "starter_css.png" }, "devtools_page": "devtools-background.html", "content_scripts": [ { "matches": ["http://*/*", "https://*/*"], "js": ["./content-script.js"] } ]}
Read more
