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:
- No me entregaron la imagen todavía
- Me entregaron la imagen y debo redimensionarla
- No tengo todavía la imagen
- No sé que imagen voy a poner
- 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?
Sitio Web | {placekitten}
