REM calculator for Webflow
Calculate PX to REM in Webflow. Select or enter base width. Enter element size(px) and press 'Space'. tg: @kobro
REM calculator for Webflowとは何ですか?
REM calculator for Webflowはkobroによって開発されたChromeの拡張機能で、その主な機能は「Calculate PX to REM in Webflow. Select or enter base width. Enter element size(px) and press 'Space'. tg: @kobro」です。
拡張機能のスクリーンショット
REM calculator for Webflow拡張機能のCRXファイルをダウンロード
REM calculator for Webflow拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。
拡張機能の使用方法
Calculate px to rem inside Webflow designer. Before start, make sure you have embed code: html { font-size: 1vw; } HOW TO USE: 1. Enter base width in px of your design or select width options. 2. In input like margin, padding, width, height, etc.. enter number in PX and press 'Space' key. 3. Get REM size in your input. (PX size / PX base width) * 100 = REM
拡張機能の基本情報
名前 | REM calculator for Webflow |
ID | bhfnnhhohijiicjkcpgphmodfaehmijj |
公式URL | https://chromewebstore.google.com/detail/rem-calculator-for-webflo/bhfnnhhohijiicjkcpgphmodfaehmijj |
説明 | Calculate PX to REM in Webflow. Select or enter base width. Enter element size(px) and press 'Space'. tg: @kobro |
ファイルサイズ | 11.07 KB |
インストール数 | 87 |
現在のバージョン | 0.0.4 |
最終更新日 | 2024-02-14 |
公開日 | 2022-06-17 |
開発者 | kobro |
Eメール | [email protected] |
支払い方法 | free |
ヘルプページのURL | https://t.me/kobro |
対応言語 | en |
manifest.json | |
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "REM calculator for Webflow", "description": "Calculate PX to REM in Webflow. Select or enter base width. Enter element size(px) and press 'Space'. tg: @kobro", "version": "0.0.4", "manifest_version": 3, "host_permissions": [ "https:\/\/*.webflow.com\/*" ], "permissions": [ "storage", "activeTab", "scripting" ], "content_scripts": [ { "matches": [ "https:\/\/*.webflow.com\/*" ], "js": [ "main.js" ], "run_at": "document_idle" } ], "action": { "default_popup": "popup.html" }, "icons": { "16": "icons\/icon_16.png", "32": "icons\/icon_32.png", "48": "icons\/icon_48.png", "128": "icons\/icon_128.png" } } |