Keyboard shortcuts for EM, REM, and Percentage conversions in Webflow
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
Latest reviews
- (2022-10-01) Mustafa A: Really handy tool and saves Webflow devs a ton of time.
- (2022-09-19) Rory van Beurden: Love it. Would be even better if there was a way to set the amount of decimals. For example, 14px should be 0,875rem with a base of 16px.
- (2022-03-17) Kudzi Mhlanga: This tool is a Godsend. Made it a million times easier to build responsive websites. Made even better with Wizardry 2.0
- (2022-03-17) Станислав Лаптев: Thanks a lot Timothy! It's great to see your work and learn from you. And this extension saves a lot of time and simplifies the work! Super cool))
- (2022-02-25) Victor Carinha: This has been such an amazing tool, absolutely incredible. As of an hour ago though, it just stopped working. I'm sure it's a bug on my end, but wondering if anyone else is experiencing this. Uninstalled & reinstalled. The whole unplug and plug is back in trick hasn't seemed to work. Refuse to rate this less than five stars. I know the problem is fixable — and the amount of time this has saved me is worth any bug fixing. Much love for t.ricks!
- (2022-01-27) hamza id: why it's not working for me ? I type for exemple setsize1440 but webflow consider that as an error
- (2021-12-19) Stuart Smith: Such a perfect tool for building websites, thanks Tim for creating it!
- (2021-04-27) John McCarley: Fullscreen code embed window is a game-changer when you need it!
- (2020-11-04) Sachin: Hey Tim, Why did you change the name? Took me ages to find this
- (2020-09-10) Timothy Ricks: Dark mode and new features for Webflow!