0:00
Ing. Elias Barrios
Cuando en un espacio de determinado tamaño, allí donde el día de mañana habrá publicidad o una nueva sección del sitio web, en su lugar colocas, por ejemplo, la simpática imagen de un gatito, eso tiene un nombre: se llama placeholder. Y qué mejores placeholders que...
...algunos divertidos y alegres que nos arranquen una sonrisa, u otros prácticos que nos indiquen sus propias medidas de ancho y alto. Vamos a presentarte un pequeño listado de placeholders recomendados que seguro te serán de utilidad:
Placekitten
Nada más reconfortante que, mientras avanza tu diseño, disfrutar de tiernas fotos de gatitos.
Para utilizarlo, pon este código en tu HTML:
- <img src="http://placekitten.com/x/y" />
...reemplazando X e Y por el ancho y alto deseados, en ese orden.
O si prefieres blanco y negro:
- <img src="http://placekitten.com/g/200/300" />
Placehold.it
Aquí puedes generar placeholders sencillos, que tan sólo indican el ancho y alto que poseen.
Tan sólo debes colocar este código:
- <img src="http://placehold.it/350x150">
...reemplazando los números por el ancho y alto deseados.
Si quieres indicar el color:
- <img src="http://placehold.it/350x150/292929/e3e3e3">
Si quieres añadirle un texto:
- <img src="http://placehold.it/350x150&text=Hola mundo">
FlickHoldr
¿Y si utilizas fotos aleatorias de Flickr? Además, puedes indicar tags para que las fotos conserven una determinada temática:
- <img src="http://flickholdr.com/200/300" />
...reemplazando los números por la medida deseada.
Para aplicar tags...
- <img src="http://flickholdr.com/200/300/sea,sun" alt="" />
...y finalmente, en blanco y negro:
- <img src="http://flickholdr.com/200/300/sea,sun/bw" alt="" />
Esto fue todo. Pronto compartiremos más placeholders de diversos motivos originales y prácticos. ¡Esperamos que te sean de utilidad!
Posted in: 
0 comentarios:
Publicar un comentario