Archivado en:  demo

Post


Actualizado: 19 de octubre de 2017

Layouts con css grid

Diferentes layouts con Css grid

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