- El Grupo de Trabajo de CSS anunció el primer borrador público de trabajo de CSS Grid Layout Module Level 3, también conocido como el diseño CSS de apilado de ladrillos (Masonry Layout)
- Este borrador aborda el diseño de apilado de ladrillos como una función integrada de CSS mediante dos posibles formas de sintaxis: sintaxis integrada con grid y sintaxis independiente de grid
- Se espera que la publicación de este borrador impulse la discusión sobre las ventajas relativas de ambas formas de sintaxis
Decisiones del Grupo de Trabajo de CSS
- El Grupo de Trabajo de CSS resolvió adoptar un dimensionamiento de tracks completamente mixto para este modelo de diseño
- Esto permite en el diseño de apilado de ladrillos cualquier lista posible de tracks que pueda expresarse en CSS Grid Layout
- Esto unifica el modelo base de diseño de ambas propuestas y, por lo tanto, ambas formas de sintaxis representan capacidades esencialmente equivalentes para el diseño de apilado de ladrillos (quedan algunos temas sin resolver sobre las diferencias en los valores iniciales)
- Para resolver los problemas de rendimiento relacionados con el dimensionamiento mixto de tracks, este borrador describe de forma general ciertas optimizaciones de rendimiento en el modelo de diseño y adopta algunas reglas heurísticas de simplificación para subgrid, entre otros
2 comentarios
Masonry Layout está bien explicado en MDN.
https://developer.mozilla.org/en-US/docs/…
El equipo de WebKit también publicó en abril una solicitud de ayuda sobre esto.
CSS Grid Level 3, también conocido como el layout "Masonry", solicitud de ayuda para crearlo
Ese artículo incluye imágenes con explicaciones basadas en ejemplos sobre el layout Masonry, así que vale la pena revisarlo.