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!
why not using it when using html5 contenteditable. it would play very nice together by let the user focus on the content he wants to edit.
nice find. one thing; your website search box is broke. i couldn’t search for anything directly from the box and i had to use google for searching your website.
Nice plugin. But I think, that implementation is too complex. It would be rather simpler to add
outline: 999px solid rgba(0,0,0,0.7)to the focused block instead of rendering canvas.