Pasar el tamaño de la fuente de pixeles a em con Em Calculator

Por: Laru | Categoría: HTML & CSS

Todos estamos acostumbrados a la utilización de pixeles para expresar las medidas de todos los valores de nuestras webs, pero no debemos olvidar que existen otras unidades que son útiles por igual. Para que el pasaje de pixeles a em no sea un asunto tedioso les dejaré una serie de herramientas para que puedan manejarse con facilidad.

Calculadora de Pixeles a Em

Es una herramienta realizada en JavaScript que nos permite introducir un valor en pixeles y obtener su equivalente en ems. Parece simple pero tiene varias funciones que podemos utilizar para sacar el máximo de esta herramienta:

  • Pasaje de medidas de pixeles a em.
  • Posibilidad de agregar “nodos” como se denominan en la página dentro de otros.
  • Posibilidad de renombrar estos nodos.
  • Elección de medida base (por defecto: 16px y dos lugares decimales).
  • Guardado de medidas utilizadas.

Al entrar al sitio estamos en la pestaña Sessions, por defecto la configuración es: 16px de base, 2 cifras decimales y nodos con nombre predeterminado. Al ingresar en la pestaña Settings podremos acomodar otros parámetros más.

Donde dice: Ask for node names hacemos click y en el momento de crear uno nuevo personalizamos el nombre.
(Los nodos se crean en el pequeño ícono que ven en el recuadro de color rosado)

Luego de configurar todo, escribimos la medida en pixeles que necesitemos convertir y sin apretar ningún botón el software nos dará la medida equivalente en ems.

Útil, ¿no?
Em Calculator

¿Te gustó el artículo?

Recomiendalo a través de las redes sociales

Tal vez te interese...

Comentarios

Este artículo no tiene comentarios

¡Se el primero en comentar!

Si deseas agregar un código a tu comentario por favor usa el siguiente formato: <pre name="code" class="php">Tu código</pre>. Puedes reemplazar la clase con "js", "css", "sql", o "html". Si el código tiene algún "<" o ">" en tu código reemplazalo con: &lt; y &gt; respectivamente.