Syntax - Tasty Web Development Treats

812: CSS 4, 5, and 6! With Google’s Una and Adam

Share this episode
Anyone with this link can open it.
Share Link
Start at 0:00

This episode isn’t summarized yet

Create a free account and summarize it. In a few minutes you’ll have the key takeaways and a section-by-section summary.

Show notes

In this episode of Syntax, Wes and Scott talk with Una Kravetz and Adam Argyle from Google Chrome about the evolution of CSS, new features, and the push toward more advanced UI capabilities on the web. They discuss the introduction of CSS versioning, exciting new properties like text-box-trim, state queries, and scroll state functionalities, select, and more!
Show Notes 00:00 - Welcome to Syntax!.
01:43 - Brought to you by Sentry.io.
02:19 - The evolution of CSS.
04:07 - CSS versioning and spec levels. CSS RFC.

17:49 - Use-cases for allow-discrete.
20:34 - State queries.
24:19 - Where does the baseline data come from?
25:17 - Will the RFC become official? The latest in Web UI (Google I/O ‘24).

27:33 - New features Una is excited about.
29:44 - Select. https://open-ui.org/components/customizableselect.
https://codepen.io/argyleink/pen/YzoEPOG.

38:31 - New features Adam is excited about.
39:24 - text-box-trim.
40:59 - State queries.
54:56 - Sick Picks + Shameless Plugs.
Sick Picks Una: Logitech MX Master 3

Adam: Teenage Engineering K.O. II

Shameless Plugs Una: Una.im

Adam: The CSS Podcast

Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
Scott: X Instagram Tiktok LinkedIn Threads
Randy: X Instagram YouTube Threads

Couldn't load the audio. A blocker may be stopping the show's tracking links. Open the file