<<<<<<< d5d24096b463201e3795feb5d2887428963b88a8

A tiny (3.86 kb minified) vanilla JavaScript library made for in-browser HTML prototyping (as part of the UX process) that visually shows where the user clicks/taps on-screen using CSS3 transforms and transitions. TouchPoint is highly customizable, mobile ready and great for screencasting, screen recording, user testing and presentations. Library now built for ES6 and ES5.

TouchPoint.js in action



Download and include touchpoint-es5.js or touchpoint-es5.min.js in the <head> or at the end of the <body> (recommended) in your HTML document. There are no dependencies:

          <script src="dist/touchpoint-es5.min.js"></script>


Same instructions as above, except use touchpoint.js (ES6). You will need a polyfill to run this in-browser. I use `babel-polyfill` which can be installed on your machine by using NPM from your command line.
          <script src="node_modules/babel-polyfill/dist/polyfill.min.js"></script>
          <script src="dist/touchpoint.js"></script>

Quick Start/How to Use

After you load the script you simply initialize TouchPoint and add an event listener to whichever DOM element you want TouchPoint to show over:


That's it!

Start clicking away on the page to see it in action.


Please view the README file on the Github repo for full documentation of the API.

======= >>>>>>> Remove template copy