Advancements in CSS: Shaping the Future of Web Development

14min Snip

00:00

Play full episode

Summary

Transcript

Episode notes

This chapter explores the latest advancements in CSS, particularly regarding custom dropdowns, filtering options, and carousel elements that improve web development. It emphasizes the shift towards innovative techniques for enhanced accessibility and functionality, alongside a discussion of the evolving 'select' element in web standards. Practical coding examples and user experience improvements demonstrate how these advancements can lead to more sophisticated user interfaces with minimal reliance on JavaScript.

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.