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

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

Follow us:
- Chucho Castañeda https://x.com/honupo
- Ricard Torres https://ricard.social/@dev

Creators and Guests

Host

Chucho Castañeda

Senior Frontend Software Engineer at Cognizant Netcentric

Host

Ricard Torres

Principal Frontend Software Engineer at Cognizant Netcentric

What is Frontend Coffee Break - Podcast?

Take a break, grab a cup of coffee and join us to discuss what's new in frontend development and, why not, outside of it? Jesus 'Chucho' Castañeda and Ricard Torres are both Principal Frontend Software Engineer at Cognizant Netcentric. They bring your most needed monthly break. Tune in!