Flying Focus · Focus Snail · Focus Zoom · Focus Hug
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/.