Episode 55

Ep. #55: CSS is getting a boost in 2026

Frontend Coffee Break - Podcast · Chucho Castañeda & Ricard Torres

February 11, 202634m 15s

Audio is streamed directly from the publisher (media.transistor.fm) as published in their RSS feed. Play Podcasts does not host this file. Rights-holders can request removal through the copyright & takedown page.

Original episode page

Show Notes

We discuss a bunch of new CSS features you should know in 2026. Not all of them are baseline available but we should be ready for when they are. Here are the new things we talk about:

corner-shape: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/corner-shape
Custom Select: https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms/Customizable_select
Scroll State: https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Conditional_rules/Container_scroll-state_queries
Text Box: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/text-box
Sibling Index: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/sibling-index
Sibling Count: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/sibling-count
if() functions: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/if
Custom Functions: https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Custom_functions_and_mixins/Using_custom_functions
width, height: stretch https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/width#stretch
shape function: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/basic-shape/shape
Scroll Markers: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/::scroll-marker

Topics

CSS

← All episodes of Frontend Coffee Break - Podcast