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
电子邮箱 [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"
    }
}