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.
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
Los comentarios están cerrados.