Bold The First Few Characters Of Words In A Sentence (Bionic Reading) – FocalAnchors

Category: Javascript , Text | May 25, 2022
Author:GTcreyon
Views Total:144 views
Official Page:Go to website
Last Update:May 25, 2022
License:MIT

Preview:

Bold The First Few Characters Of Words In A Sentence (Bionic Reading) – FocalAnchors

Description:

10X your reading speed with this simple JavaScript library.

A JavaScript library that makes the first few characters of words in a sentence bold to improve readability.

Inspired by the Bionic Reading concept, which revises texts so that the most concise parts of words are highlighted.

How to use it:

1. Load the minified version of the FocalAnchors library.

<script src="../focal-anchors.js" defer></script>

2. Initialize the FocalAnchors to the target element.

<p id="demo">
  ...
</p>
focalAnchors.toggleAnchors('demo');

3. Apply more styles to the focal anchors.

b.focal-anchor {
  color: #111;
}

Changelog:

05/25/2022

  • fix issue with containers having double anchors

You Might Be Interested In:


Leave a Reply