Planetary Alignment in CSS! All Those New Features...
summary
Coverage of recently well-supported CSS features: the :has() relational pseudo-class, container queries, CSS nesting, and new CSS properties that reduce reliance on preprocessors and JavaScript libraries. The talk explains how these native features, now widely supported in major browsers as of late 2023 and early 2024, simplify front-end development and unlock hidden CSS capabilities.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 1:03CSS Nesting in production
- 4:14Focus visible and within
- 8:35Selector :has()
- 13:08WebKit Line Clamp
- 15:39HSL colors in CSS
- 18:53Logical Properties
- 24:10Container Queries explained
- 28:08Subgrid in Grid
- 32:09Balance and preti in text
- 34:20File sizing in textarea
- 35:24Accessible switch
- 37:54Q&A
