More Syntax - Tasty Web Development Treats episodes

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

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

Published 21 Jan 2026

Duration: 2309

Developers discuss common challenges that prevent web apps from feeling responsive and user-friendly, including performance issues and accessibility problems, and share optimization strategies to address them.

Episode Description

Wes and Scott talk about why mobile web apps often feel janky compared to nativeand how to fix it. They cover input zooming, accidental horizontal scr...

Overview

The podcast explores the key reasons why web apps often feel less refined than native apps on mobile devices, focusing on user experience challenges. It highlights issues such as rage clicks, dead clicks, input zooming, hidden input fields, and the problems associated with horizontal scrolling. These issues are exacerbated by the limited control web developers have over user interactions like zooming and text selection, which are more tightly managed in native apps. The discussion underscores the importance of testing web apps on real mobile devices rather than relying on browser simulations to accurately identify and address these problems.

Performance bottlenecks are also a major concern, with the podcast pointing out inefficiencies in CSS, JavaScript, and server response times that can degrade the user experience. Optimization strategies such as using opacity transitions and avoiding layout shifts are recommended to improve performance. Design considerations, including the use of user-select and pointer-events to prevent accidental interactions, are discussed, along with the value of real user testing to uncover usability issues. The conversation touches on accessibility concerns, inconsistent frame rates, and the importance of smooth animations, while also providing examples of poorly performing web apps to illustrate the consequences of poor optimization and outdated infrastructure.

Recent Episodes of Syntax - Tasty Web Development Treats

15 Jun 2026 1012: Who Decides What Ships on the Web?

A personal sunburn story during California filming segues into detailed discussions on web standards, Jake Archibalds work on APIs and Firefox development, image codec debates, API design challenges, and broader issues of web centralization, privacy, and balancing innovation with standardization.

8 Jun 2026 1011: tmux + Terminal Maxxing with Ben Vinegar

Terminal-based AI agent management via Tmux and Tailscale, Modem AI's automated non-coding product tasks with human oversight, safety measures for autonomous agents, and balancing UI efficiency with isolated environments and cross-platform feedback aggregation.

1 Jun 2026 1009: 54% AI-Generated and Climbing State of AI

A survey highlights rising AI adoption in web development, with 18% of developers using AI to write 75% of their code, mixed perceptions of its quality, prominence of ChatGPT and emerging tools like Claude/Gemini, enterprise integration trends, challenges like tool costs and unclear "local model" misconceptions, and ongoing debates about job displacement, creativity, and software quality.

27 May 2026 Diffs, Trees, and VS Code 2.0

The text explores the development of code editing tools like diffs and trees for AI-driven code review, challenges with GitHub's performance, introduces scalable solutions like Code Storage, and emphasizes optimizations such as virtualization, GPU acceleration, and AI delegation to handle large-scale code processing efficiently.

25 May 2026 1007: 8 Tech Choices to Lock In Before Agentmaxxing

Establishing a clear foundation through meticulous planningdefining schemas, using TypeScript types, organizing routing/authentication upfront, and standardizing UI/CSSprevents long-term complexity, avoids AI-generated clutter, and ensures scalable, coherent development.

More Syntax - Tasty Web Development Treats episodes