Ep. #55: CSS is getting a boost in 2026
from Frontend Coffee Break - Podcast Hosted by Chucho Castañeda & Ricard Torres
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
Embed this episode
No transcript yet.