Scott and Wes run through their wishlist for the web platform, digging into the UI primitives, DOM APIs, and browser features they wish existed (or didn’t suck). From better form controls and drag-and-drop to native reactivity, CSS ideas, and future-facing APIs, it’s a big-picture chat on what the web could be.
<h3 class="code-line">
<a></a>Show Notes</h3>
<ul>
<li class="has-line-data">
<a href="#t=00:00">00:00</a> Welcome to Syntax!
<ul>
<li class="has-line-data"><a href="https://x.com/wesbos/status/2011110928012791836">Wes Tweet</a></li>
</ul>
</li>
<li class="has-line-data">
<a href="#t=00:39">00:39</a> Exploring What’s Missing from the Web Platform</li>
<li class="has-line-data">
<a href="#t=02:26">02:26</a> Enhancing DOM Primitives for Better User Experience</li>
<li class="has-line-data">
<a href="#t=03:59">03:59</a> Multi-select + Combobox.
<ul>
<li class="has-line-data"><a href="https://open-ui.org/">Open-UI</a></li>
</ul>
</li>
<li class="has-line-data">
<a href="#t=04:49">04:49</a> Date Picker.
<ul>
<li class="has-line-data"><a href="https://x.com/ThibaultDe8548/status/2011134396108288508">Thibault Denis Tweet</a></li>
</ul>
</li>
<li class="has-line-data">
<a href="#t=07:18">07:18</a> Tabs.</li>
<li class="has-line-data">
<a href="#t=08:01">08:01</a> Image + File Upload.</li>
<li class="has-line-data">
<a href="#t=09:08">09:08</a> Toggles.</li>
<li class="has-line-data">
<a href="#t=10:23">10:23</a> Native Drag and Drop that doesn’t suck.</li>
<li class="has-line-data">
<a href="#t=12:03">12:03</a> Syntax wishlist.</li>
<li class="has-line-data">
<a href="#t=12:06">12:06</a> Type Annotations.</li>
<li class="has-line-data">
<a href="#t=15:07">15:07</a> Pipe Operator.</li>
<li class="has-line-data">
<a href="#t=16:33">16:33</a> APIs We Wish to See on the Web</li>
<li class="has-line-data">
<a href="#t=18:31">18:31</a> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>
</li>
<li class="has-line-data">
<a href="#t=19:51">19:51</a> Identity.</li>
<li class="has-line-data">
<a href="#t=21:33">21:33</a> getElementByText()</li>
<li class="has-line-data">
<a href="#t=24:09">24:09</a> Native Reactive DOM. Templating in JavaScript.</li>
<li class="has-line-data">
<a href="#t=24:48">24:48</a> Sync Protocol.</li>
<li class="has-line-data">
<a href="#t=25:52">25:52</a> Virtualization that doesn’t suck.</li>
<li class="has-line-data">
<a href="#t=27:40">27:40</a> Put, Patch, and Delete on forms.
<ul>
<li class="has-line-data"><a href="https://x.com/hypeddev/status/2011381049197220331">Ollie Williams Tweet</a></li>
<li class="has-line-data"><a href="https://x.com/snorklTV/status/2011400065731154296">SnorklTV Tweet</a></li>
</ul>
</li>
<li class="has-line-data">
<a href="#t=28:55">28:55</a> Text metrics: get bounding box of individual characters.</li>
<li class="has-line-data">
<a href="#t=29:42">29:42</a> Lower Level Connections.</li>
<li class="has-line-data">
<a href="#t=29:50">29:50</a> Bluetooth API.</li>
<li class="has-line-data">
<a href="#t=30:47">30:47</a> Sockets.</li>
<li class="has-line-data">
<a href="#t=31:29">31:29</a> NFC + RFID.</li>
<li class="has-line-data">
<a href="#t=34:34">34:34</a> Things we want in CSS.</li>
<li class="has-line-data">
<a href="#t=34:40">34:40</a> Specify transition speed.</li>
<li class="has-line-data">
<a href="#t=35:24">35:24</a> CSS Strict Mode.</li>
<li class="has-line-data">
<a href="#t=36:25">36:25</a> Safari moving to Chromium.</li>
<li class="has-line-data">
<a href="#t=36:37">36:37</a> The Need for Diverse Browser Engines</li>
<li class="has-line-data">
<a href="#t=37:48">37:48</a> AI Access.</li>
<li class="has-line-data">
<a href="#t=44:49">44:49</a> Other APIs</li>
<li class="has-line-data">
<a href="#t=46:59">46:59</a> <a href="https://www.alibabacloud.com/help/en/model-studio/qwen-tts">Qwen TTS</a>
</li>
<li class="has-line-data">
<a href="#t=48:07">48:07</a> Sick Picks + Shameless Plugs</li>
</ul>
<h3 class="code-line">
<a></a>Sick Picks</h3>
<ul>
<li class="has-line-data">Scott: <a href="%5Bhttps://monarch.com/referral/tp2gjynkoo?r_source=copy">Monarch</a>
</li>
<li class="has-line-data">Wes: <a href="https://sloniklamps.com/">Slonik Headlamp</a>
</li>
</ul>
<h3 class="code-line">
<a></a>Shameless Plugs</h3>
<ul>
<li class="has-line-data">Scott: <a href="https://youtube.com/@sytaxfm">Syntax on YouTube</a>
</li>
</ul>
<h3 class="code-line">
<a></a>Hit us up on Socials!</h3>
Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href="https://www.instagram.com/syntax_fm/">Instagram</a> <a href="https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href="https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a>
Wes: <a href="https://twitter.com/wesbos">X</a> <a href="https://www.instagram.com/wesbos/">Instagram</a> <a href="https://www.tiktok.com/@wesbos">Tiktok</a> <a href="https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href="https://www.threads.net/@wesbos">Threads</a>
Scott: <a href="https://twitter.com/stolinski">X</a> <a href="https://www.instagram.com/stolinski/">Instagram</a> <a href="https://www.tiktok.com/@stolinski">Tiktok</a> <a href="https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href="https://www.threads.net/@stolinski">Threads</a>
Randy: <a href="https://twitter.com/randyrektor">X</a> <a href="https://www.instagram.com/randyrektor/">Instagram</a> <a href="https://www.youtube.com/@randyrektor">YouTube</a> <a href="https://www.threads.net/@randyrektor">Threads</a>

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

975: What’s Missing From the Web Platform?

Syntax - Tasty Web Development Treats

AI Chapters

AI Insights

Reviews