{"podcast":{"title":"Syntax - Tasty Web Development Treats","slug":"syntax-tasty-web-development-treats","podcast_index_feed_id":522889,"rss_url":"https://feed.syntax.fm/rss","website_url":"https://syntax.fm","image_url":"https://megaphone.imgix.net/podcasts/5197fe5a-42f7-11f0-affd-87d9985a1760/image/c86a54acd72683732c4773e25bf0ae14.png?ixlib=rails-4.3.1&max-w=3000&max-h=3000&fit=crop&auto=format,compress","author":"Wes Bos","episode_count":1038,"summary":"Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.","last_synced_at":"2026-09-14T22:21:36.328885+00:00","page_url":"https://stenobird.com/podcast/syntax-tasty-web-development-treats"},"episode":{"title":"1033: 8 New CSS, JS and HTML Features You Should Know","slug":"1033-8-new-css-js-and-html-features-you-should-know","published_at":"2026-08-26T11:00:00+00:00","page_url":"https://stenobird.com/podcast/syntax-tasty-web-development-treats/1033-8-new-css-js-and-html-features-you-should-know","show_page_url":"https://stenobird.com/podcast/syntax-tasty-web-development-treats","url":"https://syntax.fm/1033","audio_url":"https://traffic.megaphone.fm/FSI7652910664.mp3","summary":"Scott and Wes run through eight new CSS, JS, and HTML features landing in browsers; including the relative alpha() color function, the progress() function for calculating values between units, Promise.allKeyed(), and native camera and microphone elements. They also get into an upgraded attr(), shrink-to-fit containers, and text-box-trim for finally killing that annoying extra space above your text. Show Notes 00:00 Welcome to Syntax! Wes’s Demo Site 00:22 CSS Alpha() Relative Color Function Google Groups 02:25 Brought to you by Sentry.io 02:48 CSS CSS Progress() Function: Calculate Values Between Units 05:09 Promise.allKeyed(): Object-Based Promise Resolution 06:55 Camera and Microphone HTML Elements 09:24 Advanced CSS Attr() Function: Props for CSS 11:25 CSS Sibling-Index() and Sibling-Count() Functions 13:56 CSS Shrink-to-Fit Container 15:36 CSS Text-Box-Trim and Text-Box-Edge Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads","meta_description":"Scott and Wes run through eight new CSS, JS, and HTML features landing in browsers; including the relative alpha() color function, the progress() function…","key_points":[],"chapters":[],"topics":[],"duration_seconds":1116,"processing_state":"not_requested","actions":[{"name":"request_transcript","method":"POST","url":"https://stenobird.com/v1/public/podcasts/syntax-tasty-web-development-treats/episodes/1033-8-new-css-js-and-html-features-you-should-know/transcription-requests","description":"Idempotently request low-priority transcript generation for this episode."},{"name":"read_markdown","method":"GET","url":"https://stenobird.com/podcast/syntax-tasty-web-development-treats/1033-8-new-css-js-and-html-features-you-should-know.md","description":"Read the agent-friendly Markdown representation of this episode resource."}]}}