/focus-snail

Leaves a trail from the previously focused element.

Primary LanguageJavaScriptMIT LicenseMIT

Flying Focus · Focus Snail · Focus Zoom · Focus Hug

Focus Snail icon

focus-snail.js

To use, just include <script src="focus-snail.js"></script> inside either <head> or <body>. 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

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