Post Format

Responsive and Mobile Friendly CSS jQuery Tooltip

responsive-and-mobile-friendly-css-jquery-tooltip

Tooltip is a splendid invention. Small detail in web design that plays a big role when it comes to user experience. Usually, tooltips are used to present a tiny amount of hidden content (mainly explanatory, so-called tips), that pops up when user moves a cursor over or clicks (less common) on a special target.

Major Features

  • Responsive: It relies on a maximum width value when viewed on large screens, adopts to narrow environments and picks the best viewable position relatively to the target (top, bottom; left, center, right)
  • Mobile Friendly: It pops up when a call-to-action button is tapped and disappears when tapped on the tooltip itself
  • Cross Browser Compatible: Works in all modern browsers and degrades well for older ones






One comment

  1. Pingback: Website - Tooltips | Pearltrees

Leave a Reply