Overview
Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Explore the intricacies of touch-based interactions in web development through this JSConfUS 2013 conference talk by Josh Holmes. Delve into the importance of touch interfaces, their implementation in unconventional contexts, and strategies for creating touch-friendly designs. Learn about the challenges posed by human finger size, user location, and various touch devices. Discover best practices for designing bigger buttons, handling multi-finger interactions, and integrating multiple input types. Gain insights into pointer events, browser support, and future roadmaps for touch technology. Examine code examples and demos, including touch start and touch move events, as well as pointer events. Address common questions about traditional scroll, snap-point scroll, content zoom, and IE-specific features. Enhance your understanding of touch-based user experiences and improve your web development skills for the mobile era.
Syllabus
Introduction
Why does touch matter
Touch in weird places
Strategy to ignore touch
Dont use hover
Human finger size
User location
Touch devices
Bigger buttons
Interactions
More than one finger
More than one type of input
Mouse and pin
pointer
width
event type
code
touch start and touch move
blow up code
code walkthrough
browsers support question
Chrome demo
HTML comment
pointer events
future roadmap
other questions
pointer types
traditional scroll
snappoint scroll
IE thing
Content Zoom
MS Content Zoom
oops
zoom level
wrap up
Taught by
JSConf