DEV Community

adro.codes
adro.codes

Posted on

5 3

Fast way to calculate rem online

Use JustREM

Let's get the obvious thing out of the way, this isn't super original. Onto the fun stuff!

The goal of this project was to create a site where I can easily convert a px value into a rem value. I found that other tools online that are meant to do this are slow, clunky, a pain to use, and they load 400 million ads.

🎉 Introducing JustREM!!!

JustREM is the tool I wanted to use;

  • It calculates the rem as you type it
  • You can change what is appended to the value (which is something I needed to do while using a design system)
  • You can change the base value
  • Loads fast and works faster

The tech

The website is built using Nextjs with styled components using emotion. Finally, I used now to host the website. If you're interested in the source code, you can find that here. Fair warning, this was a "hack something quickly" project so don't be too critical of the code.

All in all, the combination of Next, emotion and now makes for a very quick tech stack for any "quick and dirty" projects. 11/10.


Thank you for reading my article, it really means a lot! ❤️ Please provide any feedback or comments, I'm always looking to improve and having meaningful discussions. This article was written as part of my #myweekinjs challenge, I have a few interesting articles there if you are interested in learning that.

👋 until next time!

SurveyJS custom survey software

JavaScript UI Libraries for Surveys and Forms

SurveyJS lets you build a JSON-based form management system that integrates with any backend, giving you full control over your data and no user limits. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more.

Learn more

Top comments (0)

SurveyJS custom survey software

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay