812: CSS 4, 5, and 6! With Google’s Una and Adam
Syntax - Tasty Web Development Treats
Wes Bos
4.9 • 1.1K Ratings
🗓️ 23 August 2024
⏱️ 63 minutes
🧾️ Download transcript
Summary
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
- 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?
- 27:33 - New features Una is excited about
- 29:44 - Select
- 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
Transcript
Click on a timestamp to play from that location
| 0:00.0 | Welcome to Syntax. Today we've got two amazing guests on today to talk to us all about the future of CSS, the future of the web, the future of UI, really excited about this one. We've been trying to get |
| 0:15.0 | you know on for many, many years and today is the day. Pretty stoked to have them. Today we've |
| 0:21.0 | got Una Kravitz, she's a developer |
| 0:23.9 | relationship engineer at Google Chrome working on UI capability. I can explain |
| 0:28.8 | what she does in one story and that was at React Miami she came and sat down at a whole bunch a table with a whole bunch of developers and she says hey everybody |
| 0:43.2 | What's missing from the web |
| 0:45.4 | you know just tossing it out there |
| 0:48.3 | she should bring all those little pieces of intel back to the mother ship and |
| 0:52.1 | uh... improve the web so I thought that was a really cool thing that stuck out to me. So welcome, |
| 0:57.4 | Una, thank you so much for coming on. Oh, thank you for having me. Long time |
| 1:01.0 | listener. I can't believe I haven't been on yet because I really love the show. I love the work you all do. |
| 1:06.3 | Right on and we've got Adam Argel on as well. We've had Adam on once or twice before and |
| 1:12.2 | sorry Adam I forgot to ask how to introduce you. on I had Google on Chrome working on CSS and you |
| 1:23.1 | making sure y'all got what you need. |
| 1:25.1 | Whoa! |
| 1:26.1 | Awesome. |
| 1:27.1 | Yes, Adam and Una are the people where something new is in CSS or somebody says I wish the web did this and almost always one of them |
| 1:36.0 | comes out of the woodwork and says it's coming or we have that already you're |
| 1:41.0 | just not using it properly. Speaking about not using things properly, if you're not writing your JavaScript properly, you're going to have errors all up in your website. |
| 1:51.0 | And you're going to make sure you are able to track and fix those errors and |
| 1:53.7 | that's why we use a tool called Century to find our bugs, fix our bugs. Not only that |
| 1:58.8 | identify slow routes, slow queries, one of my favorite things about Century is that there's a user |
... |
Please login to see the full transcript.
Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.
Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.
Copyright © Tapesearch 2025.