
0:00
34:15
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
D'autres épisodes de "Frontend Coffee Break - Podcast"



Ne ratez aucun épisode de “Frontend Coffee Break - Podcast” et abonnez-vous gratuitement à ce podcast dans l'application GetPodcast.








