A Browser Extension for Bionic Reading on ANY website!
Below is a screenshot demonstrating how the extension works by bolding out the initial parts of all text on any page when clicked. There are toggles and sliders to customize it to your preference so you can enjoy your time reading. You must agree this is awesome right?
The best way to install this extension is to follow the instructions below. However, we will also periodically be releasing this extension on the various stores under the name Jiffy Reader.
- Jiffy Reader
- How it works
- Table of Contents
- Installation Instructions
- Customizations
- What is Bionic Reading?
- Reporting Issues, bugs and feature request
- How to Contribute
Download via Chrome Store or follow the instructions below
- Click here to download the latest
jiffyReader-chrome.ziprelease - Extract the file
- Open Chrome
- Enter
chrome://extensionsin the address bar - Enable
developer modewith the toggle on the top right side of the page if it is not enabled already - Click
load unpackedon the left side of the page - Find and select the extracted folder, this extension should now be installed
- To pin the extension, click the
puzzle iconon the top right of Chrome, thenpin the extension. - The extensions default reading mode is set to off when installed
- See the faq section on how to use the extension, customize it (global and per site settings) and excluding sites from
always on
Download via the Mozilla Firefox Plugin/Add-on Store or follow the instructions below
- Download
jiffyReader-firefox.xpiby right clicking here and chooseSave link asto download the latestjiffyReader-firefox.xpirelease - Open Firefox
- Enter
about:debugging#/runtime/this-firefoxin the address bar - Click
Load Temporary Add-on...and navigate to the path of the downloadedjiffyReader-firefox.xpiand select it to install it - The extensions default reading mode is set to off when installed
- See the faq section on how to use the extension, customize it (global and per site settings) and excluding sites from
always on
Firefox will remove the extension when the browser is closed. This will be solved once we provide a means to download the extension from the firefox store
- Download: Click here to download the latest
jiffyReader-opera.crxrelease - Extract the file
- Open Opera
- Enter
opera://extensionsin the address bar - Enable
developer modewith the toggle on the top right side of the page if it is not enabled already - Click
load unpackedon the left side of the page - Find and select the extracted folder, this extension should now be installed and listed on the screen
- To pin the extension, click the
cube iconon the top right of Chrome, thenpin the extension. - The extensions default reading mode is set to off when installed
- See the faq section on how to use the extension, customize it (global and per site settings) and excluding sites from
always on
- Please follow the steps for chrome above
- Download the kiwi browser if you do not already have it installed
- Open kiwi browser
- Navigate to the extension listing on Chrome Store and
- Click the
Add to Chromebutton to install the extension - The extensions default reading mode is set to off when installed
- See the faq section on how to use the extension, customize it (global and per site settings) and excluding sites from
always on
(Note: Bookmarklet is not in active support and may break when new updates are released)
- To install the bookmarklet, head over to this link
- Click on the (on chrome:
puzzle icon| on edgepuzzle icon| on operacube icon| on bravepuzzle icon)- Note: Firefox will auto pin the extension
- Click on the pin icon next to jiffy reader to pin it next the address bar
- Click on the pinned icon to access the settings/popup menu
- Click on the
more (3 vertical dots)button and scroll down - Click on
Jiffy Readerto open the settings/popup ui
- clicking this button enters global mode where your preferences are saved and applied to applied to all other sites when you open them afterwards
- Clicking this buttons activates and saves preferences only for the site you are presently on.
- Any changes you make with the other buttons and sliders persist for only this site.
- Click this button to turn on/off the emphasization(bionification) of the text on the page.
- Press
ALT + Ato achieve the same effect as clicking this button on chrome. see the shortcut-section for more info.
- Use this slider to set how many words are left untouched/unbolded or un-emphasized after the first emphasized word or the first word.
- 0 means there will not be a single or any untouched words, all words are emphasized.
- 1 means exactly 1 word is left untouched before the next successive emphasized word.
- 2 means 2 words are left untouched so does 3 and 4.
- Use this to control how much or how little of each word is emphasized you your liking .
- Use this to control how faint(weakly visible) or strongly visible you want the edge(un-emphasized) part of words to appear.
- Use this to select a means of emphasization using colors.
- Use this to select a means of emphasization using bold variations or underline variations.
- Use these buttons to increase or decrease line height to strain and improve the confort of reading.
- Use this button to controls the default behaviour which is if words on pages are or aren't emphasized when loaded by default.
- Resets preferences of the currently engaged preference mode.
Alt+Bis the default toggle shortcut to turnon or offthe extension- If prefered you may customize the extension shortcut with the help of the resources below
- Chrome, Firefox and Edge
- Opera: open the extension management tab and click the
Keyboard shortcutslink to access the page for customizing opera shortcuts
Bionic Reading is a new method facilitating the reading process by guiding the eyes through text with artficial fixation points. As a result, the reader is only focusing on the highlighted initial letters and lets the brain center complete the word. In a digital world dominated by shallow forms of reading, Bionic Reading aims to encourage a more in-depth reading and understanding of written content.
Read more about Bionic Reading.
Visit the issues page to report, bugs or tell us about a feature you would like to see and hopefully we will get to you. Kindly allow for s 77F2 ome time after submitting a issue for someone to get back to you. You can also see a list of open issues that you may contribute to by commenting to help out someone with a challenge or developing and opening a PR. See contribution section
Anyone is welcome to provide contributions to this project by submitting a PR (Pull Request) and it will be happily merged to provide features and fixes to the incredible people using the extension.
- Clone the project
- Open in VS Code or your favourite editor
- Run
yarnornpm ito install dependencies - Run
yarn dev:chromeornpm run dev:chrometo build the development version. Substitute chrome for firefox if that is your prefered browser. - Follow the installation version for your prefered browser but navigate to the
projectRootFolder/extensions/and choose the folder that corresponds with your browser.
- Copy
.vscode/tasks.json.exampleto.vscode/tasks.jsonor entercp .vscode/tasks.json.example .vscode/tasks.jsonin the terminal from theproject root - Open
vs code command pallet - Type and select
Tasks: Manage Automatic Tasks in Folder - Click
Allow Automatic Tasks in Folder. - Reload VS code.