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
官方網址 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
電子郵箱 [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"
    }
}