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
Languages Support
English
See more
Permissions
See more

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

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

Similar Extensions

icon

Figma Properties Panel Resizer Extension · Accessibility 72 1 ★ 25.71KiB

icon

Reflect: AI Coach for Meetings Extension · Social & Communication 72 0 ★ 2.14MiB

icon

Blueprint Extension · Productivity 72 3 ★ 2.02MiB

icon

URL Checker Extension · Productivity 72 2 ★ 6.0KiB

icon

Albato GPT-Assistant Extension · Productivity 72 1 ★ 567KiB

icon

Twitter Reaction Counter Extension · Social & Communication 72 0 ★ 133KiB

icon

Serverless Workflow Editor for GitHub Extension · Productivity 72 1 ★ 101KiB

icon

Resumely - AI Powered Resume Summary Extension · Productivity 72 1 ★ 135KiB

icon

Cards & Colors Extension · Developer Tools 72 4 ★ 525KiB

icon

CodeGem: Better Meetings. Better Teamwork. Extension · Productivity 72 1 ★ 39.02MiB

icon

SharePrompts: Share your ChatGPT,Bard Prompts Extension · Productivity 72 1 ★ 342KiB

icon

Open tabs in order Extension · Productivity 72 2 ★ 7.0KiB

icon

Continue Without Supporting Extension · Productivity 72 2 ★ 46.19KiB

icon

Magento 2 images replace tool Extension · Developer Tools 72 0 ★ 16.87KiB

icon

Autoviewed Extension · Developer Tools 72 2 ★ 235KiB

icon

Appdron AI Extension · Productivity 72 2 ★ 26.69KiB

icon

Discogs Diggr Extension · Productivity 72 1 ★ 613KiB

icon

TruthGPT - No Hallucinations, only Truth Extension · Productivity 72 3 ★ 2.73MiB

icon

ChatGPT Recall Prompts Extension · Productivity 72 3 ★ 37.64KiB

icon

JobJette - Free AI Job Search Copilot Extension · Productivity 72 1 ★ 1.2MiB

icon

Time Tracker, Todo, Sprint Manager - Basecamp Extension · Productivity 72 9 ★ 1.69MiB

icon

GPT Based - A Powerful ChatGPT Prompt Generator Extension · Productivity 72 5 ★ 305KiB

icon

Muse GPT Page Extension · Productivity 72 1 ★ 1.03MiB

icon

Email GPT Extension · Productivity 72 4 ★ 50.21KiB