Pixel to Rem converter
Why make this tool?
As a frontend developer I often need to bounce back and forth using rems and pixels regularly. Sure there are nice websites that can do this. You can use preprocessor tools like sass mixins. Browser devtools have also introduced some handy new was to do this.
Features
- It reads the current pages root pixel size and unit size calculations will be based off of it
- You can edit the root pixel size if you would like and all calculations of unit sizes will change accordingly
- Updating the pixel value will update the rem value automatically
- Updating the rem value will update the pixel value automatically
- Using the copy buttons will append the unit name to the end of the value for you ex. 10px or 0.625rem
- Using up and down arrow keys will increment and decrement values in each input field
- UI is all tabable so you don't need a mouse to use it
- Autofocus on pixel input when UI initializes
- UI is themeable. Feel free to change colors around with ease!
- Created with ❤️ using make-bookmarklets.com