Ep. #55: CSS is getting a boost in 2026 - Frontend Coffee Break - Podcast | Lyssna här

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

Rss Apple Podcaster