972 (#2137)

Author: avclark

shows/972 - These Things Make Your App Feel Like Crap on Mobile.md

@@ -0,0 +1,35 @@
+---
+number: 972
+title: "These Things Make Your App Feel Like Crap on Mobile"
+date: 1768996800000
+url: https://traffic.megaphone.fm/FSI9735024706.mp3
+youtube_url: https://www.youtube.com/watch?v=Ak3-B3pVMFM
+---
+
+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.
+
+### Show Notes
+
+* **[00:00](#t=00:00)** Welcome to Syntax!
+* **[01:11](#t=01:11)** Brought to you by [Sentry.io](https://sentry.io/syntax/)
+* **[02:57](#t=02:57)** Zooming inputs
+* **[06:11](#t=06:11)** Horizontal scrolling
+* **[08:49](#t=08:49)** Proper use of pointer-events: none, and user-select: none
+* **[11:27](#t=11:27)** Allowing zoom on everything
+* **[16:37](#t=16:37)** Cleaning up the "jank"
+* **[19:48](#t=19:48)** Full page refresh
+* **[24:05](#t=24:05)** Slow loading times
+* **[29:50](#t=29:50)** Cumulative layout shift
+* **[32:47](#t=32:47)** Address bars and viewport units
+  - [Dynamic Viewport Units](https://web.dev/blog/viewport-units)
+* **[35:34](#t=35:34)** Full-width scroll traps
+
+### 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)