Modal-Style Text Selection with Fokus
<!-- at bottom of the page --> <script src="fokus/js/fokus.min.js" async></script>
The overlay elegantly fades in and out. Canvas is used to create the overlay, and CSS' pointer-events property is used to ensure event handling consistency. It would be great if Fokus was a bit more modular, including allowing active zones and customized overlay color, but it's hard to complain about anything else with Fokus.
Fokus isn't a necessity for any site, but I was taken aback by how smooth and accurate Fokus is. Weighing in at just 3KB, it's an impressive little library. Have an idea for how you'd use Fokus? Share it!