The future of CSS layouts

The future of CSS layouts

Update: 2025-04-03
Share

Description

The article: https://webkit.org/blog/16587/item-flow-part-1-a-new-unified-concept-for-layout/

Working Group issue on item-slack/item-tolerence: https://github.com/w3c/csswg-drafts/issues/10884#issuecomment-2764325410

Working group issue on the unified properties: https://github.com/w3c/csswg-drafts/issues/11480

Rachel's talk on layout and reading order: https://www.youtube.com/watch?v=X6azWrtHS-k

In this episode I explore a new proposal that aims to unify Flexbox and Grid through 'Item Flow' properties. I discuss the current debates around Masonry layouts, the potential for a more cohesive layout system, and the pros and cons of new properties like 'item-wrap' and 'item-slack.' I'll also touch on the importance of maintaining accessibility and logical tab orders. 

Comments 
00:00
00:00
x

0.5x

0.8x

1.0x

1.25x

1.5x

2.0x

3.0x

Sleep Timer

Off

End of Episode

5 Minutes

10 Minutes

15 Minutes

30 Minutes

45 Minutes

60 Minutes

120 Minutes

The future of CSS layouts

The future of CSS layouts

Kevin Powell