Archivado en:  css

Link

Enmascarando imágenes verticales

He creado una entrada en Codepen. Posicionando absolutamente de la imagen, con respecto a su padre, podemos enmascarar imágenes verticales, consiguiendo que (en este caso) tengan apariencia cuadrada.

Link

Link


Actualizado: 18 de octubre de 2017

Contenedor lateral al hacer click

He estado probando “layouts” para mostrar un contenedor lateral al hacer click en un botón. De momento el ganador es el que he os enlazo, aunque me preocupa un poco como funcionará con una web con contenido real, me preocupa el renderizado de la parte del contenido al desplazarse, en cuanto lo pruebe en producción lo comento.

Cosas que hay que tener en cuenta.

El responsive (por supuesto) y la posibilidad de que el contenido en el contenedor lateral sea mayor que la altura del viewport, cosa que he solventado con un overflow: auto;

Actualización: He mejorado rendimiento cambiando el desplazamiento del contenedor lateral, en vez de usar el posicionamiento left:-400px he usado transform: translateX(400px);

Link

Post


Actualizado: 13 de junio de 2017

Columna más ancha al hacer hover

Como aumentar el ancho de una columna al hacer hover reduciendo el ancho de las adyacentes.

Post

¿En que Media querie estoy?

Ayuda visual para saber que Media Querie se está aplicando y cuando cambia el breakpoint.