Highlight User Selected Text in Webpage

Posted Under: CSS3, HTML5, JavaScript, Programming, Tutorials on Mar 2, 2017
Enhance your user's reading experience on your website by highlighting only the portion of text user selected. Fokus is a simple script that do this simple job in less than 3KB of code. Fokus can be highlight any portion of the webpage by simply hiding other DOM objects except the one user selected. This simple yet initiative approach increase user experience by many folds.

Fokus installation is easy it is available freely here. Just copy the script at the end of your page and your done, it's that simple. Fokus is also available on jsdelivr's CDN.

A demo page with Fokus. Fokus Highlight User Selected Text in Webpage
© Tutorial Jinni