CSS

El diseño responsive o diseño multidispositivo

12 enero 2019 / 2 minutos de lectura

Me imagino que a estas alturas gran parte de los profesionales del entorno web sabe lo que es un diseño multidispositivo. La verdad es que nosotros llevamos poniéndolo en práctica en nuestros proyectos desde hace años aunque no siempre es fácil que los clientes entiendan el esfuerzo que requiere. La idea es básica, no es lo mismo ver un sitio web o aplicación en un ordenador con pantalla de 21″ que en uno de 12″, o mejor […]

El diseño responsive o diseño multidispositivo Leer más »

Diferentes efectos hover para imágenes

21 septiembre 2018 / 1 minuto de lectura

¿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

Diferentes efectos hover para imágenes Leer más »

Alinear verticalmente con tres líneas de css

25 mayo 2014 / 1 minuto de lectura

Bueno, nos ha parecido interesante dejaros unas líneas de código (extraídas del blog de Sebastian Ekström) que gracias a la nueva compatibilidad con CSS3 de los navegadores modernos permite alinear elementos verticalmente. .contenido{ position: relative; top: 50%; transform: translateY(-50%); } Esto siempre ha sido un dolor de cabeza para todos los diseñadores. Hace muchos años cuando existía la hegemonía de la tabla, era todo más fácil. De hecho todavía hay gente que con mal criterio sigue usando

Alinear verticalmente con tres líneas de css Leer más »