StarterCSS

Rapidly implement CSS layouts, effects, and designs without parsing through online docs

¿Qué es StarterCSS?

StarterCSS es una extensión de Chrome desarrollada por https://startercss.fun, y su función principal es "Rapidly implement CSS layouts, effects, and designs without parsing through online docs".

Capturas de Pantalla de la Extensión

screenshot

Descargar Archivo CRX de la Extensión StarterCSS

Descarga archivos de extensión StarterCSS en formato crx, instala manualmente las extensiones de Chrome en el navegador o comparte los archivos crx con amigos para instalar fácilmente las extensiones de Chrome.

Instrucciones de Uso de la Extensión

                        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.                    

Información Básica de la Extensión

Nombre StarterCSS StarterCSS
ID iafddfmhieikpdmmakjedpcconjgcgga
URL Oficial https://chromewebstore.google.com/detail/startercss/iafddfmhieikpdmmakjedpcconjgcgga
Descripción Rapidly implement CSS layouts, effects, and designs without parsing through online docs
Tamaño del Archivo 1.18 MB
Cantidad de Instalaciones 63
Versión Actual 0.0.6
Última Actualización 2023-08-31
Fecha de Publicación 2023-02-08
Desarrollador https://startercss.fun
Correo electrónico [email protected]
Tipo de Pago free
Idiomas Soportados 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"
            ]
        }
    ]
}