Flying Focus · Focus Snail · Focus Zoom · Focus Hug
Focus Transition
Flying Focus is a UI concept. It adds a transition to the focus outline when you tab around inputs, buttons, and links.
flying-focus.js standalone script
Includes all necessary CSS and has no external dependencies. Build with rake standalone
.
Safari extension
Build with rake safari
.
Chrome extension
No build step required; just load it as an unpacked extension from chrome/
.
Related browser bugs
- TAB focus navigation doesn't show focus rings for buttons in Chrome
- Impossible to change outline CSS property of some form elements Chrome WebKit
- No way to hide focus outline in Firefox, none of the methods mentioned on StackOverflow work