Herramienta para probar espacios destinados a imágenes [JavaScript]

Siempre cuando diseñamos llega el momento en el que necesitamos volcar contenidos sobre nuestro trabajo, con el texto no hay muchos problemas, podemos recurrir al clásico Lorem Ipsum o bien copiar y pegar cualquier texto que encontremos por Internet. Con las imágenes el asunto no es tan sencillo, y si bien podemos utilizar cualquier imagen siempre vamos a necesitar llevarla al tamaño adecuado, algo que lleva unos minutos y muchísimas incomodidades. Para evitarnos este trabajo es que existe Holder.js.

Holder.js es una pequeñísima biblioteca desarrollada con JavaScript, de apenas unos 4kb y que genera imágenes de forma simple y rápida para justamente ocupar los espacios que nosotros mismos le designamos.

Herramienta para probar espacios destinados a imágenes

Holder es una solución simple y eficaz. Entre las opciones disponibles podemos definir no solo el tamaño, sino que también el texto o bien el color de fondo.

Ejemplo de uso

Insertar una imagen predeterminada de 200x300px:

<img src="holder.js/200x300">

Insertar una imagen con un texto determinado:

<img data-src="holder.js/200x200/text:hello world">

Holder es un proyecto que obviamente existe para ser utilizado en la etapa de diseño, y ni de casualidad para emplearse en un servidor de producción. Como podrán ver su modo de uso es altamente sencillo, ideal para agilizar nuestro flujo de trabajo 😀

Web: Holder.js

Categorizado en: