Wes and Scott talk about why mobile web apps often feel “janky” compared to native—and how to fix it. They cover input zooming, accidental horizontal scroll, pointer/user-select quirks, frame rate consistency, full-page refreshes, and more.
<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!</li>
<li class="has-line-data">
<a href="#t=01:11">01:11</a> Brought to you by <a href="https://sentry.io/syntax/">Sentry.io</a>
</li>
<li class="has-line-data">
<a href="#t=02:57">02:57</a> Zooming inputs</li>
<li class="has-line-data">
<a href="#t=06:11">06:11</a> Horizontal scrolling</li>
<li class="has-line-data">
<a href="#t=08:49">08:49</a> Proper use of pointer-events: none, and user-select: none</li>
<li class="has-line-data">
<a href="#t=11:27">11:27</a> Allowing zoom on everything</li>
<li class="has-line-data">
<a href="#t=16:37">16:37</a> Cleaning up the “jank”</li>
<li class="has-line-data">
<a href="#t=19:48">19:48</a> Full page refresh</li>
<li class="has-line-data">
<a href="#t=24:05">24:05</a> Slow loading times</li>
<li class="has-line-data">
<a href="#t=29:50">29:50</a> Cumulative layout shift</li>
<li class="has-line-data">
<a href="#t=32:47">32:47</a> Address bars and viewport units
<ul>
<li class="has-line-data"><a href="https://web.dev/blog/viewport-units">Dynamic Viewport Units</a></li>
</ul>
</li>
<li class="has-line-data">
<a href="#t=35:34">35:34</a> Full-width scroll traps</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

972: These Things Make Your App Feel Like Crap on Mobile

Syntax - Tasty Web Development Treats

AI Chapters

AI Insights

Reviews