From 052570e2fb3feaeec568fb01b46b84b1add64b01 Mon Sep 17 00:00:00 2001
From: randyrektor <157041235+randyrektor@users.noreply.github.com>
Date: Wed, 12 Aug 2026 13:25:05 -0400
Subject: [PATCH] Create 1033 - 8 New CSS JS and HTML Features You Should
 Know.md

---
 ...SS JS and HTML Features You Should Know.md | 34 +++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 shows/1033 - 8 New CSS JS and HTML Features You Should Know.md

diff --git a/shows/1033 - 8 New CSS JS and HTML Features You Should Know.md b/shows/1033 - 8 New CSS JS and HTML Features You Should Know.md
new file mode 100644
index 000000000..c9b7ad1fc
--- /dev/null
+++ b/shows/1033 - 8 New CSS JS and HTML Features You Should Know.md	
@@ -0,0 +1,34 @@
+---
+number: 1033
+title: 8 New CSS, JS and HTML Features You Should Know
+date: 1787742000000
+url: https://traffic.megaphone.fm/FSI7652910664.mp3
+youtube_url: https://www.youtube.com/watch?v=Ssm0vJtJr2U
+---
+	
+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](#t=00:00)** Welcome to Syntax!
+  * [Wes’s Demo Site](https://recent-web-feature-examples.wesbos.chatgpt.site/)
+* **[00:22](#t=00:22)** CSS Alpha() Relative Color Function
+  * [Google Groups](https://groups.google.com/a/mozilla.org/g/dev-platform/c/AqwTSNH6gkk/m/yBAzWz9_CAAJ?pli=1)
+* **[02:25](#t=02:25)** Brought to you by [Sentry.io](https://sentry.io/syntax/)
+* **[02:48](#t=02:48)** CSS CSS Progress() Function: Calculate Values Between Units
+* **[05:09](#t=05:09)** Promise.allKeyed(): Object-Based Promise Resolution
+* **[06:55](#t=06:55)** Camera and Microphone HTML Elements
+* **[09:24](#t=09:24)** Advanced CSS Attr() Function: Props for CSS
+* **[11:25](#t=11:25)** CSS Sibling-Index() and Sibling-Count() Functions
+* **[13:56](#t=13:56)** CSS Shrink-to-Fit Container
+* **[15:36](#t=15:36)** CSS Text-Box-Trim and Text-Box-Edge
+
+### Hit us up on Socials!
+
+Syntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)
+
+Wes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)
+
+Scott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)
+
+Randy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)
\ No newline at end of file