DEV Community

loading...
Cover image for Free Ruler, maqueta a la perfección!

Free Ruler, maqueta a la perfección!

soylenin profile image Lenin Felix Updated on ・2 min read

promo

Free ruler es una herramienta maravillosa si tienes que encargarte del frontend del proyecto de tu cliente (o de proyecto que lleves a cabo dentro de una empresa, por ejemplo una página web).

Podemos descargarla Aquí y solo tenemos que entrar a su Github y de ahi descargar el archivo .zip que ofrecen y listo, una vez se descomprime ya tendremos nuestra app. 😄

Lamentablemente esta herramienta es solo para MAC OS (pero relajado, igualmente hay una buena alternativa si trabajas en window , Ruler For Windows) 😅

Free ruler es una aplicación que nos da dos reglas, tanto horizontal como vertical.

Alt Text

Simple pero poderosa, esta misma, tanto en vertical como en horizontal podemos expandirla para nuestras necesidades, incluso más grande que nuestra pantalla.

Y solo falta con que muevas tu mouse dentro de su rango para indicarte (en pixeles) la distancia a la que estas, tomando como referencia de izquierda a derecha (en modo horizontal) y de arriba hacia abajo (en modo vertical).

Alt Text

Alt Text

La mas grande ventaja que yo le veo (y por el cual me moría por tener algo así desde un inicio) es que si presionamos "F" (atajo que sirve para que las reglas siempre estén en primer plano... y para mostrar respeto) se queda fija y cuando sale de su foco se hace transparente, quedando encima de todas nuestras ventanas para poder así medir.

Pero te preguntaras, que para que necesito andar midiendo las cosas?

Simple, al momento de traspasar un diseño que se encuentra en la aplicación Zeplin (o de illustrator, un pdf, yo que se) lo comparo a raja tabla con lo que voy programando (solo html y css 😅).

Alt Text

A mí me parece una muy buena aplicación para hacer una revision meticulosamente sobre un diseño que estemos programando, ya sea una pagina web, una aplicación, o una copia de algún dibujo.

Es una herramienta bastante indispensable para mi trabajo (Frontend Developer) ya que diario estoy maquetando con css y muchas veces te tienes que cerciorar de que este todo al mero mole.


Si te gusto el contenido puedes apoyarme en:

ko-fi


Quieres Ganar Bitcoins y Dogecoins gratis? Da click en el banner!

promo

Discussion (0)

pic
Editor guide