Diferentes efectos hover para imágenes

¿Aburrido de usar siempre los mismos efectos de hover sobre una imagen?

Nosotros estamos un poco hartos del opacity o del borde en la imagen que aunque son muy efectivos acaban siendo un poco repetitivos. Si te apetece probar algo nuevo y en ocasiones más efectista te dejamos este código para poder sacar el máximo partido a partir de CSS a tus hover.

Aqui tenéis en codepen el CSS y HTML necesarios para probar.
https://codepen.io/nxworld/pen/ZYNOBZ%20

Cómo se hace para desactivar la caché en Safari

Hemos escrito este artículo por que después de la actualización de Safari 11.0 ha desaparecido un botón que nos era muy útil a todos los desarrolladores y maquetadores de sitios web para evitar la caché de archivos en el navegador.

El caso es que el antiguo enlace del menú Desarrollador > Desactivar cachés ahora se encuentra dentro del inspector de Safari como una funcionalidad de la pestaña Tabs.

¿Cómo hacemos ahora para desactivar la caché en Safari?

Si os fijáis después de entrar en el inspector (botón derecho-> inspeccionar elemento) veréis en la parte superior el botón de refrescar. Si os colocáis encima con el cursos sin pulsar veréis que hay dos atajos disponibles y uno de ellos mayúscula + cmd + R que dice “volver a cargar ignorando la caché”. Pues bien, con este atajo podemos recuperar la funcionalidad que teníamos antes pero eso sí refrescando la página desde el inspector de código cada vez.

Bueno, esperamos que os sirva de ayuda para los que estéis perdidos con este tema y no queráis tener que borrar la caché completa del navegador.