Como insertar imágenes de gatos en tiempo de diseño

FireShot Screen Capture #181 - '{placekitten}' - placekitten_com
Insertar la imagen definitiva en un sitio Web—en tiempo de diseño—es un tema que no siempre tiene solución a fin del día. Hace un par de años que soy usuario de Placehold.it

Placehold.it es un buen recurso a la hora de utilizar un placeholder.

Manejar un placeholder requiere, más o menos, el siguiente ejercicio mental: necesito hacerme a la idea de como va mi diseño, voy a insertar aquí una imagen de… 350 × 215 px pero no ahora porque:

[clear]

  1. No me entregaron la imagen todavía
  2. Me entregaron la imagen y debo redimensionarla
  3. No tengo todavía la imagen
  4. No sé que imagen voy a poner
  5. Etc.

El placeholder se encarga de reservar ese lugar, con Placehold.it yo inserto, en HTML, algo así como

<img alt="" src="http://placehold.it/350x215" />

Y ya está resuelto.

Ahora hoy, he tenido oportunidad de ir un pocom más allá con el uso de algún placeholder, se trata de placekitten.

Utilizar placekitten es manejar el mismo concepto; sólo es necesario memorizar una nueva URL y sorprenderse con nuevos resultados. Ya que placekitten se encarga de reservar el espacio que necesitemos pero utilizando fotos de gatos.

Si en nuestro caso testigo el lugar a reservar es 350 px de ancho por 215 pixeles de alto sólo hay que utilzar

<img alt="" src="http://placekitten.com/350/215" />

Para obtener luego

300px × 215px

¿A quien no le gusta mostrar gatos en tiempo de diseño?

[custom_gallery id=”7045″ layout=”masonry”]

Sitio Web | {placekitten}


About Daniel Ulczyk

Soy consultor SEO, analista de Accesibilidad Web y un Webmaster independiente que desarrolla sus actividades en Buenos Aires, Argentina. Me apasiona el diseño Web, escribir contenidos en diversas plataformas y participar en redes sociales. Si necesitás contactarme para contar con mi asesoramiento y servicios utilizá, por favor, cualquiera de los siguientes medios de contacto. Muchas gracias por visitar mi sitio Web 😉

Escribe un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *