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”。
擴展截圖
下載StarterCSS擴展crx文件
下載StarterCSS擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。
擴展使用說明
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 |
ID | iafddfmhieikpdmmakjedpcconjgcgga |
官方網址 | 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" ] } ] } |