Are you excited for masonry layouts in CSS? Wondering what’s happening?
Well, a third option is emerging. One that unifies the `flex-flow` and `grid-auto-flow` properties into a whole new mechanism — Item Flow.
Learn what it is, and what it means for Flexbox and Grid in https://webkit.org/blog/16587/item-flow-part-1-a-new-unified-concept-for-layout/
@jensimmons I read the first proposal and got convinced this is it.
Then I read the second one and got convinced that is it.
Now I read the new proposal and my god I don’t know if I can handle being convinced again 😅
Very very interesting ideas. I like that it solves a bunch of problems while unifying CSS, very elegant!
@jensimmons Overall impressions: I like it a lot!
I started typing a reply here but it got out of hand fast. 🙈 Here's a quick blog post with some thoughts, hot off the press: https://chriskirknielsen.com/blog/thoughts-on-item-flow-proposal/
@jensimmons For the question about what a "dense" flex layout would look like:
I have often been confused or annoyed that a wrapping flex layout won't ever shrink content.
I have never wanted a flex layout to mess with the source order.
And I definitely like the idea of a balanced flex wrap layout!
@jensimmons In all this discussion of expanding / generalizing the layout properties, has anyone discussed integrating a block flow layout (in the sense of display: flow-root, ordinary paragraph flow) in one direction with a more controlled layout in the other?
That's another thing I've often wanted: to be able to make an item that's positioned vertically in the paragraph flow span or float into sidebars / margins.
With some of the masonry proposals, that seemed a reasonable future extension.
Jen Simmons
Scott Smith
Felix
David Lapointe Gilbert
Christopher Kirk-Nielsen
Amelia Bellamy-Royds