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 |
| 公式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 |
| Eメール | [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"
]
}
]
} | |
