CSS

kabikume responsive

El diseño responsive o diseño multidispositivo

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 »

efectos hover imagenes

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

Alinear verticalmente con tres líneas de css

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 »