{"type":"rich","version":"1.0","provider_name":"Transistor","provider_url":"https://transistor.fm","author_name":"Frontend Coffee Break - Podcast","title":"Ep. #55: CSS is getting a boost in 2026","html":"<iframe width=\"100%\" height=\"180\" frameborder=\"no\" scrolling=\"no\" seamless src=\"https://share.transistor.fm/e/b5cb4fb6\"></iframe>","width":"100%","height":180,"duration":2055,"description":"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:\ncorner-shape: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/corner-shape\nCustom Select: https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms/Customizable_select\nScroll State: https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Conditional_rules/Container_scroll-state_queries\nText Box: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/text-box\nSibling Index: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/sibling-index\nSibling Count: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/sibling-count\nif() functions: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/if\nCustom Functions: https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Custom_functions_and_mixins/Using_custom_functions\nwidth, height: stretch https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/width#stretch\nshape function: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/basic-shape/shape\nScroll Markers: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/::scroll-marker\n\nFollow us:\n- Chucho Castañeda https://x.com/honupo\n- Ricard Torres https://ricard.social/@dev","thumbnail_url":"https://img.transistorcdn.com/dQ7rjkIHMHLKim_pC8Q--h_m09mivhayR4dkbuDgSDg/rs:fill:0:0:1/w:400/h:400/q:60/mb:500000/aHR0cHM6Ly9pbWct/dXBsb2FkLXByb2R1/Y3Rpb24udHJhbnNp/c3Rvci5mbS9zaG93/LzMyNjE2LzE2NzE3/MTg3MzQtYXJ0d29y/ay5qcGc.webp","thumbnail_width":300,"thumbnail_height":300}