StarterCSS

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

StarterCSS란 무엇입니까?

StarterCSS은(는) https://startercss.fun에 의해 개발된 Chrome 확장 프로그램으로, 주요 기능은 "Rapidly implement CSS layouts, effects, and designs without parsing through online docs"입니다.

확장 프로그램 스크린샷

screenshot

StarterCSS 확장 프로그램 CRX 파일 다운로드

크롬 확장 프로그램을 crx 형식으로 다운로드하여 브라우저에 수동으로 설치하거나 crx 파일을 친구들과 공유하여 쉽게 크롬 확장 프로그램을 설치하세요.

확장 프로그램 사용 설명서

                        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.                    

확장 프로그램 기본 정보

이름 StarterCSS StarterCSS
ID iafddfmhieikpdmmakjedpcconjgcgga
공식 URL https://chromewebstore.google.com/detail/startercss/iafddfmhieikpdmmakjedpcconjgcgga
설명 Rapidly implement CSS layouts, effects, and designs without parsing through online docs
파일 크기 1.18 MB
설치 횟수 63
현재 버전 0.0.6
최근 업데이트 2023-08-31
출시 날짜 2023-02-08
개발자 https://startercss.fun
이메일 [email protected]
결제 유형 free
지원되는 언어 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"
            ]
        }
    ]
}