Keyboard shortcuts for EM, REM, and Percentage conversions in Webflow
Wizardry Technique Converter Extension
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
Read more
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
Source 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" }\t\t}
Read more