{"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:corner-shape: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/corner-shapeCustom Select: https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms/Customizable_selectScroll State: https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Conditional_rules/Container_scroll-state_queriesText Box: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/text-boxSibling Index: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/sibling-indexSibling Count: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/sibling-countif() functions: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/ifCustom Functions: https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Custom_functions_and_mixins/Using_custom_functionswidth, height: stretch https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/width#stretchshape function: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/basic-shape/shapeScroll Markers: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/::scroll-markerFollow us:- Chucho Castañeda https://x.com/honupo- 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}