CSS To Tailwindとは何ですか？

CSS To Tailwindはiamnyashaによって開発されたChromeの拡張機能で、その主な機能は「Convert a website's styles to Tailwind CSS classes」です。

拡張機能のスクリーンショット

CSS To Tailwind拡張機能のCRXファイルをダウンロード

CSS To Tailwind拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

Automatically convert a website's CSS into TailwindCSS classes. Missing styles are added as arbitrary values.

Easy as:
1. Click the extension icon
2. Hover on the element you want to convert
3. Right click to copy the class names to clipboard

Features:
1. Hover an element to view its converted TailwindCSS Classes
2. Shows you which styles are missing from TailwindCSS
3. Copy just the class names or grab the entire element CSS styles

Short-comings:
1. Uses Document.styleSheets behind the scenes and stylesheets on different domains will not be taken into account

拡張機能の基本情報

名前	CSS To Tailwind
ID	jlmlldiahhaejpjnonbddoniicdemakl
公式URL	https://chromewebstore.google.com/detail/css-to-tailwind/jlmlldiahhaejpjnonbddoniicdemakl
説明	Convert a website's styles to Tailwind CSS classes
ファイルサイズ	182 KB
インストール数	3,905
現在のバージョン	2.2.1
最終更新日	2023-09-24
公開日	2021-06-08
評価	3.85/5 合計 20 レビュー
開発者	iamnyasha
Eメール	[email protected]
支払い方法	free
対応言語	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "icons": { "16": "icon16.plasmo.6c567d50.png", "32": "icon32.plasmo.76b92899.png", "48": "icon48.plasmo.aced7582.png", "64": "icon64.plasmo.8bb5e6e0.png", "128": "icon128.plasmo.3c1ed2d2.png" }, "manifest_version": 3, "action": { "default_icon": { "16": "icon16.plasmo.6c567d50.png", "32": "icon32.plasmo.76b92899.png", "48": "icon48.plasmo.aced7582.png", "64": "icon64.plasmo.8bb5e6e0.png", "128": "icon128.plasmo.3c1ed2d2.png" } }, "version": "2.2.1", "author": "Richard Kaseke. ", "name": "CSS To Tailwind", "description": "Convert a website's styles to Tailwind CSS classes", "background": { "service_worker": "static\/background\/index.js" }, "permissions": [ "storage" ], "content_scripts": [ { "matches": [ "" ], "js": [ "content.06af5f40.js" ], "css": [] } ], "host_permissions": [ "https:\/\/\/" ], "web_accessible_resources": [ { "matches": [ "" ], "resources": [ "content.e2b1d2ad.css" ] } ] }