Item Flow, Part 1: A new unified concept for layout
10 days ago
- #Web Development
- #CSS
- #Layout
- CSS Grid and Flexbox lack native support for masonry layouts, currently requiring JavaScript.
- Mozilla proposed masonry layouts in CSS, leading to debates and implementations by WebKit in Safari.
- A new unified concept called 'Item Flow' is emerging, merging ideas from Grid, Flexbox, and masonry.
- Item Flow introduces properties like 'item-direction', 'item-wrap', 'item-pack', and 'item-slack'.
- Flexbox could gain dense packing and balanced wrapping, while Grid could support no wrapping.
- Masonry layouts could be triggered via 'item-pack: collapse' in the new system.
- The proposal aims to unify layout properties, offering new capabilities for developers.
- Feedback is sought on the direction and potential improvements to Item Flow.