hhmx.de

Föderation EN Sa 29.03.2025 00:02:08

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 webkit.org/blog/16587/item-flo

Medien: 1

Föderation EN Sa 29.03.2025 00:44:23

@jensimmons I like this idea and implementation a lot!

Föderation EN Sa 29.03.2025 08:33:12

@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!

Föderation EN So 30.03.2025 03:35:29

@flerox @jensimmons I agree. I read through being convinced. The only thing that bothers me, but couldn’t find anything else while brainstorming for an hour yesterday, is "item-slack". The word "slack" bothers me but can’t find anything else so far.

Föderation EN Sa 29.03.2025 22:55:23

@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: chriskirknielsen.com/blog/thou

Föderation EN So 30.03.2025 03:26:52

@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!

Föderation EN So 30.03.2025 03:34:33

@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.