Wizardry Technique Converter
Keyboard shortcuts for EM, REM, and Percentage conversions in Webflow
What is Wizardry Technique Converter?
Wizardry Technique Converter is a Chrome extension developed by timothymricks, and its main feature is "Keyboard shortcuts for EM, REM, and Percentage conversions in Webflow".
Extension Screenshots
Download Wizardry Technique Converter Extension CRX File
Download Wizardry Technique Converter extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
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 Extension Basic Information
| Name |  Wizardry Technique Converter |
| ID | oggfflpobpmaaolghdfoofejdjldnnjl |
| Official URL | https://chromewebstore.google.com/detail/wizardry-technique-conver/oggfflpobpmaaolghdfoofejdjldnnjl |
| Description | Keyboard shortcuts for EM, REM, and Percentage conversions in Webflow |
| File Size | 124 KB |
| Installation Count | 4,154 |
| Current Version | 7.0.3 |
| Last Updated | 2024-02-10 |
| Publish Date | 2020-09-08 |
| Rating | 4.65/5 Total 20 Ratings |
| Developer | timothymricks |
| [email protected] | |
| Payment Type | free |
| Extension Website | https://wizardry-technique.webflow.io/ |
| Supported Languages | 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"
}
} | |
