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.
- 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