StarterCSS
Rapidly implement CSS layouts, effects, and designs without parsing through online docs
What is StarterCSS?
StarterCSS is a Chrome extension developed by https://startercss.fun, and its main feature is "Rapidly implement CSS layouts, effects, and designs without parsing through online docs".
Extension Screenshots
Download StarterCSS Extension CRX File
Download StarterCSS extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
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. Extension Basic Information
| Name |  StarterCSS |
| ID | iafddfmhieikpdmmakjedpcconjgcgga |
| Official URL | https://chromewebstore.google.com/detail/startercss/iafddfmhieikpdmmakjedpcconjgcgga |
| Description | Rapidly implement CSS layouts, effects, and designs without parsing through online docs |
| File Size | 1.18 MB |
| Installation Count | 63 |
| Current Version | 0.0.6 |
| Last Updated | 2023-08-31 |
| Publish Date | 2023-02-08 |
| Developer | https://startercss.fun |
| [email protected] | |
| Payment Type | free |
| Supported Languages | en |
| 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"
]
}
]
} | |
