https://github.com/bcherny/qtip
pretty, mobile-friendly tooltips
https://github.com/bcherny/qtip
Last synced: 1 day ago
JSON representation
pretty, mobile-friendly tooltips
- Host: GitHub
- URL: https://github.com/bcherny/qtip
- Owner: bcherny
- License: mit
- Created: 2013-10-26T01:59:45.000Z (almost 12 years ago)
- Default Branch: master
- Last Pushed: 2013-10-27T21:27:27.000Z (almost 12 years ago)
- Last Synced: 2025-01-01T13:09:08.402Z (9 months ago)
- Language: CoffeeScript
- Size: 145 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
qtip
===========================
pretty, mobile-friendly tooltips.
## demo
http://performancejs.com/qtip/demo/
## features
- tiny (.5k gzipped), no dependencies
- pretty, stylable via CSS
- semantic (augments existing `title` attributes), uses CSS for styling
- supported environments: AMD, CommonJS, browser globals
## usage
installation is nearly drop-in. just add empty `data-qtip` attributes to any elements with existing `title` attributes that you'd like to style. then attach `qtip.js` to the bottom of your page (it will self-initialize).
```html
...
...
```
## building it yourself
```bash
# install build dependencies
npm install
# build css
stylus stylus --out css
# build js
grunt
```
## browser api requirements:
- `addEventListener` ([mdn](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget.addEventListener#Browser_compatibility))
- `classList` ([caniuse](http://caniuse.com/#feat=classlist))
- `querySelectorAll` ([caniuse](http://caniuse.com/#search=querySelectorAll))