Growing with the Web

This demo will only work on touch-enabled devices or a browser emulating touch.

Default handler

This library listens for a JS event that is triggered when a tap occurs on an abbr HTML element on a touch-enabled device. When a tap occurs, a pop up is displayed.

Custom handler #1

abbr-touch allows custom handlers to be attached so that the presentation of the abbr's data can be the developer wants it to be. This custom handler displays a popup near the touch event. More examples:

  • HTML
  • CSS
  • JS

Custom handler #2

This custom handler slides up the abbr from the bottom of the page using a CSS transition. More examples:

  • HTML
  • CSS
  • JS