Mapeado de imágenes RWD

https://github.com/stowball/jQuery-rwdImageMaps

Muy interesante y útil! Lo hemos implementado en Orange, y funciona muy bien. Podéis ver un ejemplo aquí.

He dejado una copia del código en \@RECURSOS@JQUERYMapear imagenes RWD

Para implementar el código, hay que enlazar en el HEAD de la página el script y activarlo:


En el contenido HTML, poner una imagen con su código


 

descripción de la imagen


Y en la CSS:

Scroll horizontal adaptado y táctil II

Interesante enlace que ofrece diferentes carruseles resposive, con varias opciones:

http://owlgraphic.com/owlcarousel/index.html

La opción que más me gusta es que permite configurar el número de elementos a mostrar en función de la resolución de la pantalla, lo cual evita bastantes quebraderos de cabeza a la hora de hacer webs Responsive.

 

Lo hemos implementado en Iberia, os dejo unos ejemplos de cómo queda en formato DESKTOP:

 
IPAD:
 
MÓVIL:

MÓVIL PEQUEÑO:

Scroll horizontal adaptado y táctil

Para la aplicación de Red de Abogacía de Calendario de Conformidades, había que maquetar una especie de agenda semanal donde aparecieran tantos eventos como el usuario quiera. Pensando en la opción móvil, se me ocurrió customizar el típico carrusel para que se vieran todos los eventos de un mismo día y con el día de la semana fijo para no perder el foco. Además de que el usuario pudiera manejarlo de manera táctil

Encontré esta web donde aparecía varios ejemplos de carrusel con scroll horizontal ejemplos scroll horizontal

Había que aplicarlo a esto:

Os dejo el link desde nuestro servidor para que lo veáis en vivo y en directo:
Calendario de Conformidades Red de Abogacía