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」です。

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

screenshot

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 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"
    }
}