Byonic Reading - 80/20 Version on Bionic Reading
Check out the project files on Codeberg
See it in action here!
According to the designer, Bionic Reading is a way to aid in reading comprehension and focus, particularly those with difficulties like dyslexia, etc.
Bionic Reading revises texts so that the most concise parts of words are highlighted. This guides the eye over the text and the brain remembers previously learned words more quickly.
It ended up being fairly straightforward. The pseudocode of the whole thing is:
MakeByonic(element): FOR child of starting element CASE element type of text node: Make first half of text bold Replace original text node with newly formatted text element node: CALL MakeByonic on this child element END CASE END FOR
There are some weird things you have to do to make all this work with a webpage and some caveats I added to make it a but more readable and pleasant, but overall it's pretty straightforward and was a fun project! I may eventually turn it into a Firefox extension because why not.
- 20220610 - Someone else made an extremely thorough version of Bionic Reading here. Can do way more than just bolding the first half of letters.