Skip to content

Initial Release

Compare
Choose a tag to compare
@FricoRico FricoRico released this 16 Sep 10:06
· 255 commits to develop since this release

This is the initial release for floating focus tool. This tool has a couple of advantages compared to implementing custom CSS focus states:

  • Simple to implement focus states on all elements
  • Focus states automatically only show when using keyboard navigation
  • States hide when going back to using mouse for navigation
  • Border-radius is supported and used for outline highlighting
  • Initial focus states show a background to further increase contrast of the current highlighted element
  • Uses computed styling to determine the color that should be used for the overlay
  • Focus states float from one element to the next, making it easier to follow the flow of the webpage
  • Very easy to only change overlay color based on default CSS properties that you already know