Wizardry Technique Converter

Keyboard shortcuts for EM, REM, and Percentage conversions in Webflow

Wizardry Technique Converterとは何ですか?

Wizardry Technique Converterはtimothymricksによって開発されたChromeの拡張機能で、その主な機能は「Keyboard shortcuts for EM, REM, and Percentage conversions in Webflow」です。

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

screenshot

Wizardry Technique Converter拡張機能のCRXファイルをダウンロード

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

拡張機能の使用方法

                        PX TO PERCENT - SHORTCUT
item px width / parent px width
example: 960/1920 space enter

PX TO EM / REM - SHORTCUT
type in any px value without the px unit
example: 967 space enter

PX TO EM / REM - OPTIONS

setunit (toggles between em / rem)
getunit (returns selected unit)

setbase (toggles between 1vw & 16px base font size)
getbase (returns selected base font size)

setsize1920 (sets artboard width to 1920)
getsize (returns selected artboard width)

note: setsize only used if base is 1vw                    

拡張機能の基本情報

名前 Wizardry Technique Converter Wizardry Technique Converter
ID oggfflpobpmaaolghdfoofejdjldnnjl
公式URL https://chromewebstore.google.com/detail/wizardry-technique-conver/oggfflpobpmaaolghdfoofejdjldnnjl
説明 Keyboard shortcuts for EM, REM, and Percentage conversions in Webflow
ファイルサイズ 124 KB
インストール数 4,154
現在のバージョン 7.0.3
最終更新日 2024-02-10
公開日 2020-09-08
評価 4.65/5 合計 20 レビュー
開発者 timothymricks
Eメール [email protected]
支払い方法 free
拡張機能のウェブサイト https://wizardry-technique.webflow.io/
対応言語 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "Wizardry Technique Converter",
    "version": "7.0.3",
    "description": "Keyboard shortcuts for EM, REM, and Percentage conversions in Webflow",
    "host_permissions": [
        "https:\/\/webflow.com\/*"
    ],
    "content_scripts": [
        {
            "matches": [
                "https:\/\/webflow.com\/*",
                "https:\/\/*.design.webflow.com\/*"
            ],
            "css": [
                "tim-webflow.css"
            ],
            "js": [
                "jquery-3.6.0.min.js",
                "wizardry.js"
            ]
        }
    ],
    "icons": {
        "160": "icons\/160icon.png",
        "320": "icons\/320icon.png"
    }
}