Free Sample
+ Collection
Code Files

Instant Website Touch Integration

Alexander Dickson

Start with an introduction to touch events and end with implementing your own custom gestures
RRP $12.99

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781783280490
Paperback50 pages

About This Book

  • Learn something new in an Instant! A short, fast, focused guide delivering immediate results
  • Learn how to debug touch events without a touch-enabled device
  • Discover how to use gestures and polyfill missing functionality in browsers
  • Create custom gestures to enable extra functionality

Who This Book Is For

This book is for web developers who have a working knowledge of JavaScript and the traditional way of writing web applications intended to be mouse-driven. A touch-enabled device is definitely recommended as well as a sense of adventure.

Table of Contents

Chapter 1: Instant Website Touch Integration
The why and when of touch events
Testing while keeping your sanity (Simple)
How to get tapping (Simple)
Swiping your way to success (Intermediate)
Welcome gestures (Intermediate)
A custom gesture can go a long way (Advanced)

What You Will Learn

  • Understand what touch events are and how they should be applied
  • Debug events without a touch-enabled device
  • Discover the different event types and their purpose
  • Track users’ finger positions as they’re moved
  • Swipe naturally with deceleration
  • Handle gestures such as pinch and rotate
  • Write your own custom gestures

In Detail

Touch-screen monitors have become more and more commonplace as their price has steadily dropped over the past decade. Web applications have generally been transferred onto touch-enabled devices by the touch-to- click emulation provided by modern browsers. A relatively new approach to building web applications is to take advantage of touch-enabled devices by harnessing the new events to allow intuitive interactions just like native applications.

Instant Website Touch Integration takes you on an amazing journey through the world of touch events, giving you the necessary knowledge and advice to make sure your web application stands apart from the rest. Different tasks are explained clearly with examples and offer practical advice for implementing the features discussed in your own web applications.

Instant Website Touch Integration takes you from an introduction to touch events to implementing your own custom gestures. The style is fun and engaging, and you will come along for the journey as we kick other established mouse-driven paint applications to the curb by writing our own touch events. This will encompass handling touch events to draw on and erase the canvas as well as giving the user the ability to choose colors via swiping through a preset collection. At the end of your journey, you will know everything you need in order to add touch functionality such as swipes and pinches to your web application.


Read More

Recommended for You