https://github.com/nv/focus-snail

Leaves a trail from the previously focused element.
https://github.com/nv/focus-snail

javascript ui ui-components ui-design ui-experiment

Last synced: about 2 months ago
JSON representation

Leaves a trail from the previously focused element.

• Host: GitHub
• URL: https://github.com/nv/focus-snail
• Owner: NV
• License: mit
• Created: 2013-12-09T05:16:07.000Z (about 11 years ago)
• Default Branch: gh-pages
• Last Pushed: 2013-12-09T05:16:30.000Z (about 11 years ago)
• Last Synced: 2024-04-15T13:56:33.992Z (8 months ago)
• Topics: javascript, ui, ui-components, ui-design, ui-experiment
• Language: JavaScript
• Homepage: http://n12v.com/focus-transition-2/
• Size: 133 KB
• Stars: 26
• Watchers: 4
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.markdown
  • License: MIT-LICENSE.txt

Awesome Lists containing this project

README

        
[Flying Focus](//github.com/NV/flying-focus/)

 · **Focus Snail**

 · [Focus Zoom](//github.com/NV/focus-zoom/)

 · [Focus Hug](//github.com/NV/focus-hug/)

![Focus Snail icon](http://nv.github.io/focus-snail/chrome/icon_128.png)

## [focus-snail.js](http://nv.github.io/focus-snail/standalone/focus-snail.js)

To use, just include `` inside either `` or ``.

It includes all necessary CSS and has no external dependencies.

To build from source use `rake standalone`.

### Browser support

Tested in Chrome 28-32, Safari 6.1–7, Firefox 24.

Focus Snail uses SVG which is not supported in IE version 8 and below.

### API

Focus Snail exposes `focusSnail` global variable.

`focusSnail.trigger(prevElement, element)` manually runs the effect for `prevElement` to `element`.

`focusSnail.enabled = true` trigger the effect on focus event.

## [Chrome extension](https://chrome.google.com/webstore/detail/focus-snail/bplpobmpcnpddpabcpfnddhimhjicgpc)

No build step required; just load it as an unpacked extension from `chrome/`.