Skip to content

A new concept called "Bionic Reading" aims to increase readability of text for humans. This extension converts text on-the-fly into Bionic Text. Install here: https://chrome.google.com/webstore/detail/bionic-reader-extension/gjbbpnbednpggjdonnagocmcdeljifpl

Notifications You must be signed in to change notification settings

Quasso/bionic-text-extension

Repository files navigation

Bionic Text Converter

UI

BRE Cover Image

 Example A in action (MIT Technology Review)

MIT Technology Review

 Example B in action (Wikipedia)

Wikipedia

Description

A new concept called "Bionic Reading" aims to increase readability of text for humans.

This extension converts text on-the-fly into Bionic Text. The goal of this extension is partly to measure and adapt the techniques around this, probably on an individual basis, because the original author of this plugin believes that the value of this technique is highly dependent upon a number of factors which must increase legibility of text.

Currently 'matched' sites

The script will only embed/activate on matching domains for security/privacy guarantees (it obviously helps this is open source, too). Here's the current list, submit an issue if you would like site(s) added:

  • https://.technologyreview.com/
  • https://.wired.com/
  • https://.linkedin.com/
  • https://.medium.com/
  • https://.economist.com/
  • https://.nytimes.com/
  • https://.wsj.com/
  • https://.wikipedia.org/
  • https://.bbc.com/news/
  • https://.bbc.co.uk/news/
  • https://.bloomberg.com/
  • https://.theepochtimes.com/
  • https://.foxnews.com/
  • https://finance.yahoo.com/*
  • https://news.yahoo.com/*
  • https://.theguardian.com/
  • https://.washingtonpost.com/
  • https://.cnbc.com/
  • https://.express.co.uk/
  • https://.usatoday.com/
  • https://.buzzfeed.com/
  • https://.thesun.com/
  • https://.nypost.com/
  • https://.businessinsider.com/
  • https://.forbes.com/
  • https://.indepedent.co.uk/
  • https://.abc.net.au/
  • https://.news.com.au/
  • https://.mirror.co.uk/
  • https://.indiatimes.com/
  • https://.huffingtonpost.com/
  • https://.nbcnews.com/

Development

If you're a developer and would like to contribute, you are (probably!) welcome!

For now, if you contact me directly or file a [sensible] issue on the repo, you may well be invited to join the project as a "core" or "ephemeral" contributor.

Get started

Clone this repo:

git clone https://github.com/Quasso/bionic-Text-extension.git;
cd bionic-Text-extension

The following two commands assume that you have a valid/supported version of Node.js and npm installed in your current shell session.

If you do not already have a version manager for Node installed, I recommend: https://github.com/tj/n

If you do already have n installed, simply run:

n latest

If that fails (due to some major change, for example):

n install 18.2.0 # last known working version in docs

Open this project in your favourite editor via terminal (code .), then run:

npm install; npm run build

From your terminal (at the root of this project!).

Next, if you are viewing this repo from your Chrome browser, click below to navigate to the extensions page:

chrome://extensions

Alternatively, copy the following address and paste it into Chrome:

chrome://extensions/

Next, toggle "Developer mode" in the top right hand corner.

Finally, click the "Load unpacked" button on the left hand side of the page. Navigate to your copy of this repository, specifically the ./dist dir.

Official Published Extension

Coming very soon! It has been submitted for approval as of 26 May. Once it's live I will update the repo with a link to the install page :)

With <3 from Alex

Thanks for checking this out. I did hack this together quickly on a Saturday for the first working version but have tidied things up, experimented with ideas and refactored/enhanced things a lot since then prior to publishing v1.0.0. If you like it, I'm delighted!

Please feel free to fork this repository and strip it back to create your own Chrome extensions if you think it a worthy baseline! The webpack config will need modifying to support new use cases but this can be improved. I just made it work with this quite practically so far.

Final note

I did this purely for fun, and to try out the new V3 Manifests in Chrome extensions. I have since done a bit of research and realised that there is some existing--very good--tooling/info built around this.

For that reason, as an alternative which removes all the styling, I would suggest checking out the "Bionic Reading" extension too.

This extension is not developed by Bionic Reading. It is merely an extension built thanks to that concept which functions different to the original extension.

About

A new concept called "Bionic Reading" aims to increase readability of text for humans. This extension converts text on-the-fly into Bionic Text. Install here: https://chrome.google.com/webstore/detail/bionic-reader-extension/gjbbpnbednpggjdonnagocmcdeljifpl

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published