Tricks and Hacks for a More Native Feel in Mobile Browser Apps
Web Conferences Amsterdam via YouTube
Finance Certifications Goldman Sachs & Amazon Teams Trust
Free courses from frontend to fullstack and AI
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
Discover key techniques for creating web apps that mimic native mobile experiences in this conference talk from Mobilism 2012. Learn how to overcome mobile browser limitations, manage touch and gesture events, control the viewport, and implement cross-platform compatibility. Explore strategies for virtualizing the browser's event loop, blocking default gestures, and creating a seamless user interface. Gain insights into the differences between desktop and mobile web development, and understand the controversy surrounding touch events. Perfect for desktop developers looking to transition into mobile app creation, this talk provides practical tips and tricks to enhance the look and feel of your web applications on mobile devices.
Syllabus
Intro
Web vs App
Web Technologies
Native vs Web
Basics
The viewport
CSS pixels
Width and Height
Media Queries
Events
Mousedown events
Touch events
Example
Controversy
Touch event
Virtual event translations
User select
Browser Chrome
Reload Button
Conclusion
Taught by
Web Conferences Amsterdam