→ CSS Grid level 2
CSS Grid level 2 allows, to some extent, placing nested elements instead of children in the grid, by defining sub-grids.
If you define a child of a grid element to be a sub-grid, than a child of that sub-grid can be put in the grid. It it is still limited, because to put an element in the grid, all its ancestors up to the grid must be sub-grids, and you can only put an element inside the area covered by its parent.
In Template Layout and Frame-based Layout, you could take an element and put it in the different slot than its parents. For example, you can put a section of a document in a slot of the template and pull out all images from that section and put those in a different slot.
→ CSS Grid level 3
Grid level 3 adds 'grid lanes' layout (a.k.a. masonry layout), a kind of automatic layout where each additional element is added to the shortest column (or row) so far.
(A kind of tetris, although all blocks are rectangular.)
→ Page floats
Around 1998 or so, Håkon and I toyed with the idea of boxes connected by virtual rubber bands.
A traditional float in CSS is placed as high as possible without overlapping other floats but not higher than any preceding element or its parent.
→Anchor Positioning (2023)
Anchor Positioning, by Tab Atkins, tries to provide similar 'rubber band' effects, but for absolutely positioned elements rather than floats. You define an element to be an anchor by giving it a name, and then other elements can be positioned above, below, next to or on top of the anchor element. If the anchor element moves, the anchored element moves with it. And you can specify fallback positions in case there is no room on the chosen side of the anchor.
Suite: https://mastodon.design/@julieblanc/116817212599103945
(presque réussi à faire un vrai fil!)