972: These Things Make Your App Feel Like Crap on Mobile
Syntax - Tasty Web Development Treats
The podcast explores common issues that make mobile web apps feel inferior to native apps, focusing on practical fixes for web developers. Key points include addressing the zooming of inputs on mobile devices by ensuring input fields are at least 16 pixels in size and preventing accidental horizontal scrolling, which can be resolved using CSS techniques like `overflow-x: hidden`. The hosts also discuss disabling text selection and UI zooming to mimic the smoother user experience of native apps. They criticize slow loading times and advocate for local data caching and optimistic UI to improve responsiveness, citing OptumRx's website as an example of poor implementation despite using modern frameworks.
Part 1: Common Pitfalls, UX Basics
Part 2: Interaction, Control, Testing
Part 3: Performance, Rendering, Navigation
Part 4: Case Study, Technical Details
Part 5: Conclusion, Best Practices
Sign in to continue reading, translating and more.
Open full episode in Podwise