Em Calculator

ver 2.2


Em Calculator is a small JavaScript tool which helps making scalable and accessible CSS design. It converts size in pixels to relative em units, which are based on a text size.

→ More

JavaScript required

I'm very sorry, but this page needs JavaScript enabled browser. If you happen to use tools like NoScript, turn them off please. If you still encounter problems, consider upgrading your browser.


Fork me on GitHub

Enjoy EmCalc?


  • Transition to session-oriented model. Saved data is placed in local storage (window.globalStorage or cookies)
  • Ability to turn on asking for newly created node names.
  • Layout changes in top panel.
  • Minor speed improvements.
  • Internet Explorer support (still buggy).
  • Increment or decrement the number by one in text field by pressing Up / Down keys
  • Increment or decrement the number by ten in text field by pressing PageUp / PageDown keys
  • Save edited node name - click anywhere in the window (or press Enter like before)
  • Double-click on node name selects text within in Firefox
  • Click once on em value to select whole text
  • Negative px / em allowed
  • Minor CSS tweaks
  • Improved performance a bit
  • Fix to node name edit input
  • Minor CSS tweaks
  • Rewritten to jQuery
  • Saving settings in cookies
  • Better sibling insertion
  • Everything works on the fly, just start typing
  • Node name editing (double click)
  • New design
  • Opera fix to removing nodes
  • Removing nodes
  • First version


Author: Piotr Petrus ('Riddle'). Copyright © 2007