A Chrome Extension for Bionic Reading on ANY website!

Overview

bionic-reading

A Chrome Extension for Bionic Reading on ANY website!

Jiffy Reader - Read anything on the internet faster and more clearly! | Product Hunt Jiffy Reader - Read anything on the internet faster and more clearly | Product Hunt

How it works

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 dials to customize it to your preference so you can enjoy your time reading. You must agree; this is awesome right. Screenshot from 2022-05-29 19-13-02

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.

Table of Contents

Installation Instructions

Chrome

Download via Chrome Store or

  1. Click here to download the latest chrome.zip release
  2. Extract the file
  3. Open Chrome
  4. Enter chrome://extensions in the address bar
  5. Enable developer mode with the toggle on the top right side of the page if it is not enabled already
  6. Click load unpacked on the left side of the page
  7. Find and select the extracted folder, this extension should now be installed
  8. To pin the extension, click the puzzle icon on the top right of Chrome, then pin the extension.

Firefox

  1. Download firefox.xpi by right clicking here and choose Save link as to download the latest firefox.xpi release
  2. Open Firefox
  3. Enter about:debugging#/runtime/this-firefox in the address bar
  4. Click Load Temporary Add-on... and navigate to the path of the downloaded firefox.xpi and select it to install it

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

Opera

  1. Download: Click here to download the latest opera.crx release
  2. Extract the file
  3. Open Opera
  4. Enter opera://extensions in the address bar
  5. Enable developer mode with the toggle on the top right side of the page if it is not enabled already
  6. Click load unpacked on the left side of the page
  7. Find and select the extracted folder, this extension should now be installed and listed on the screen
  8. To pin the extension, click the cube icon on the top right of Chrome, then pin the extension.

Edge

  • Please follow the steps for chrome above

What is Bionic Reading?

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.

Reporting Issues, bugs and feature request

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 some 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

How to Contribution

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 increadible people using the extension.

Development

  1. Clone the project
  2. Open in VS Code or your favourite editor
  3. Run yarn or npm i to install dependencies
  4. Run yarn dev:chrome or npm run dev:chrome to build the development version. Substitute chrome for firefox if that is your prefered browser.
  5. Follow the installation version for your prefered browser but navigate to the projectRootFolder/extensions/ and choose the folder that corresponds with your browser.

Configure vscode to run the project when it is opened

  1. Copy .vscode/tasks.json.example to .vscode/tasks.json or enter cp .vscode/tasks.json.example .vscode/tasks.json in the terminal from the project root
  2. Open vs code command pallet
  3. Type and select Tasks: Manage Automatic Tasks in Folder
  4. Click Allow Automatic Tasks in Folder.
  5. Reload vs code.

Release a new version

  • Change version in package.json, eg. "version": "1.0.0"
  • Push a new tag to GitHub, eg. git tag 1.0.0 && git push --tags
  • The Workflow should be running here
  • Check the release version here and edit release notes.
Comments
  • Doesn't work correctly on google drive nor any online pdf readers

    Doesn't work correctly on google drive nor any online pdf readers

    I was planning on using it to help me better read school notes on google docs, but it only transforms the name of the document and the drop-down lists, but not the main body of the text :(

    enhancement FAQ 
    opened by Sininejuust 15
  • [BUG] Tabs without suitable url may not work properly for everything

    [BUG] Tabs without suitable url may not work properly for everything

    Describe the bug When I click on the icon, I always get: Tabs without a url may not work properly Reload the tab with valid url and try again FAQ Report Issue About Us

    To Reproduce So far I've tried on: reddit gmail github

    Desktop:

    • OS: Windows 10
    • Browser: firefox
    • Addon Version: 1.0.9.1001
    bug 
    opened by bananaboy139 13
  • feat: bookmarklet

    feat: bookmarklet

    demonstrate how to generate bookmarklet code based on latest code

    Usage

    • yarn run build:bookmarklet
    • grab output in output/Bookmarklet.js and add its content as a bookmark

    You can also toggle on/off of the reading mode.

    opened by X140Yu 12
  • [BUG] Youtube seems to be caching wrong

    [BUG] Youtube seems to be caching wrong

    Describe the bug Various parts of youtube text begins to break with this plugin enabled.

    Video titles get swapped around on both the homepage and the suggestions. Usernames get mashed up. Titles can be merged together.

    To Reproduce Steps to reproduce the behavior:

    1. Go to youtube's homepage
    2. Turn plugin on
    3. Click any video
    4. Click the youtube button in the top left to go back to webpage
    5. Repeat from step 3 to progressively make things worse

    Expected behavior Titles to match their video

    Screenshots (Youtube before enabling)[https://i.imgur.com/jh7gzbk.jpeg] (After clicking a video and going back to homepage)[https://i.imgur.com/VQErRX4.jpeg] (Youtube video with messed up views and like count, Thanksclip button, subscribesubscribe button, video tags, suggestion thumbnails, suggestion usernames are merged, suggestions have wrong titles, live stream showing view count and not current watching)[https://i.imgur.com/iYadudC.png]

    Desktop (please complete the following information):

    • OS: Windows 10 build 19044
    • Browser: Firefox
    • Version 101.0 (64 bit)

    Additional context Refreshing fixes it temporarily. All other plugins have been disabled.

    bug 
    opened by MissPotato 9
  • Feature Request: Make short words entirely bold

    Feature Request: Make short words entirely bold

    Short 2 letter words should be entirely highlighted. Words like "it", "is" or "as". You have to switch to reading non-bold text on these words, which is jarring as you are switching back and forth, and slows reading down.

    enhancement 
    opened by Darpyface 9
  • [BUG] Settings are never saved (global or site)

    [BUG] Settings are never saved (global or site)

    Describe the bug When I set the option On whether Globally or for the Site once the tab is closed it never keeps it on for the next time I visit the site, or any site.

    To Reproduce

    1. Activate JR
    2. Close tab
    3. Come back to same site and it's off

    Desktop (please complete the following information):

    • OS: Win11
    • Browser : Firefox 105.0.3 x64
    • Extension version : 1.0.9.1010

    Also would be great to have the option to have it on by default everywhere :)

    bug 
    opened by YetAnotherDevWannabe 7
  • [BUG] Missing Words Google Play Books

    [BUG] Missing Words Google Play Books

    The issue is when you are using the Google Play books website when you enable reading mode you can not see all the text it gets push out. This was tested on the Chrome webstore version and the load the developer version. 1.0.8.12 and 1.0.8.1300 The OS tested Debian 10 Windows 10 Google ChromeOS 103.

    Also tested using the zoom - and + option to see if that makes a difference. It does help show more of the missing words. Fixations setting is my guess where this is happening.

    Once again AWESOME APP and THANK YOU VERY MUCH

    bug 
    opened by Happy1979 7
  • [BUG] speedrun.com text disappearing

    [BUG] speedrun.com text disappearing

    Describe the bug Usernames are getting cut off or middle parts of a username can be missing.

    To Reproduce Steps to reproduce the behavior:

    1. Go to any https://www.speedrun.com/ page
    2. Look at any username

    Expected behavior Display usernames in full.

    Screenshots If applicable, add screenshots to help explain your problem.

    Desktop (please complete the following information):

    • OS: Win 10 21H2 | Win 11 22H2
    • Browser Chrome 96 | Chrome 105

    Additional context Since srcom generates their usernames in a very unusual way it is understandable if this problem gets the "won't fix" label.

    bug wontfix FAQ 
    opened by shenef 7
  • [ISSUE] Bionic Reading® Legal Stuff

    [ISSUE] Bionic Reading® Legal Stuff

    Describe the issue This isn't a bug, but I just want to inform y'all that the wonderful® folks at Bionic Reading® have decided to crack down on any open source projects that involves Bionic Reading®. It is advised to remove all mentioning of Bionic Reading® for now to avoid legal repercussions.

    Context legal notice

    bug 
    opened by jomamaaye 7
  • Failed to Load: Manifest File Missing or Unreadable

    Failed to Load: Manifest File Missing or Unreadable

    opened by dejer 7
  • [FEATURE] Automatically reduce the opacity slider to 100%

    [FEATURE] Automatically reduce the opacity slider to 100%

    Is your feature request related to a problem? Please describe. https://github.com/ansh/jiffyreader.com/issues/145

    Describe the solution you'd like Automatically reduce the opacity slider to 100% when websites use color gradients on their text, which disappear from the page when the opacity is below 100%.

    enhancement help wanted 
    opened by raphaelp-github 6
  • Russian translation

    Russian translation

    A Slightly adapted Russian translation.

    {
        "preferenceLabel": {
            "message": "Настройки",
            "description": "переключатель глобальных и локальных настроек"
        },
        "tipsPopupTriggerLabel": {
            "message": "Советы",
            "description": "текст кнопки советы"
        },
        "globalPreferenceToggleBtnText": {
            "message": "глобальные",
            "description": "основной текст для глобальной кнопки"
        },
        "globalPreferenceToggleBtnSubText": {
            "message": "по умолчанию",
            "description": "подпись глобальной кнопки"
        },
        "sitePreferenceToggleBtnText": {
            "message": "локальные",
            "description": "основной текст для локальной кнопки"
        },
        "sitePreferenceToggleBtnSubText": {
            "message": "для этого сайта",
            "description": "подпись локальной кнопки"
        },
        "onOffToggleBtnTextDisable": {
            "message": "отключить",
            "description": "текст для кнопки отключения"
        },
        "onOffToggleBtnTextEnable": {
            "message": "включить",
            "description": "текст для кнопки включения"
        },
        "onOffToggleBtnSubText": {
            "message": "режим чтения",
            "description": "подпись для кнопки включения и отключения"
        },
        "defaultShortcutLabelText": {
            "message": "горячая клавиша по умолчанию",
            "description": "текст для текстовки горячей клавиши"
        },
        "defaultShortcutValueTextChrome": {
            "message": "ALT+B",
            "description": "горячая клавиша по умолчанию для Chrome"
        },
        "defaultShortcutValueTextFirefox": {
            "message": "ALT+W",
            "description": "горячая клавиша по умолчанию для firefox"
        },
        "saccadesIntervalLabel": {
            "message": "интервал выделения саккад",
            "description": "метка для ползунка интервала саккад"
        },
        "fixationsStrengthLabel": {
            "message": "сила выделения фиксаций",
            "description": "этикетка для ползунка прочности фиксации"
        },
        "fixationsEdgeOpacityLabel": {
            "message": "непрозрачность невыделенного текста",
            "description": "метка для фиксации кромки ползунка непрозрачности"
        },
        "saccadesColorLabel": {
            "message": "цвет веделения",
            "description": "выпадающий список цветов метки для цвета саккады"
        },
        "saccadesStyleLabel": {
            "message": "стиль выделения",
            "description": "выпадающий список label для стиля саккады"
        },
        "lineHeightTogglesLabel": {
            "message": "межстрочный интервал",
            "description": "метка для кнопок высоты строки меньшего и большего размера"
        },
        "smallerLineHieghtBtnText": {
            "message": "аа-",
            "description": "текст для кнопки"
        },
        "smallerLineHieghtBtnSubText": {
            "message": "меньше",
            "description": "подтекст для кнопки"
        },
        "largerLineHieghtBtnText": {
            "message": "аа+",
            "description": "текст для кнопки"
        },
        "largerLineHieghtBtnSubText": {
            "message": "больше",
            "description": "подтекст для кнопки"
        },
        "defaultBionicModeToggleBtnOffText": {
            "message": "включить по умолчанию",
            "description": "текст для кнопки"
        },
        "defaultBionicModeToggleBtnOnText": {
            "message": "выключить по умолчанию",
            "description": "текст для кнопки"
        },
        "defaultBionicModeToggleBtnSubText": {
            "message": "настройка работы по умолчанию",
            "description": "подтекст для кнопки"
        },
        "resetBtnText": {
            "message": "сброс до оптимальных настроек",
            "description": "текст для кнопки"
        },
        "faqLinkText": {
            "message": "вопросы и ответы",
            "description": "текст ссылки"
        },
        "reportIssueLinkText": {
            "message": "сообщить о проблеме",
            "description": "текст ссылки"
        },
        "aboutUsLinkText": {
            "message": "сайт",
            "description": "текст ссылки"
        },
        "dataEntryMessage": {
            "message": "Отключите, если jiffy reader мешает вводу данных",
            "description": "текстовка"
        },
        "googlePlayLinkSecondaryText": {
            "message": "также поддерживается",
            "description": "текстовка"
        },
        "urlPromptText": {
            "message": "Вкладки без URL-адреса могут работать неправильно",
            "description": "текстовка"
        },
        "reloadPromptText": {
            "message": "Перезагрузите вкладку с корректным URL-адресом и повторите попытку",
            "description": "текстовка"
        },
        "translationHelpLinkText": {
            "message": "помогите нам с переводом. нажмите, чтобы узнать больше",
            "description": "текстовка"
        },
        "reloadText": {
            "message": "перезагрузить",
            "description": "текстовка"
        },
        "openPermissionPageBtnText": {
            "message": "нажмите здесь, чтобы открыть страницу разрешений",
            "description": "текст кнопки"
        },
        "missingPermissionHeaderText": {
            "message": "Отсутствует разрешение на доступ к локальным файлам",
            "description": "текст заголовка"
        },
        "missingPermissionHeaderSubText": {
            "message": "Выполните следующие действия",
            "description": "подтекст"
        },
        "grantPermissionInstructionText": {
            "message": "Предоставьте права на доступ к локальным файлам",
            "description": "текстовка"
        },
        "reloadPageAndExtensionInstructionText": {
            "message": "Перезагрузите страницу и попробуйте открыть расширение еще раз",
            "description": "текстовка"
        },
        "pageNotSupportedHeaderText": {
            "message": "Эта страница не поддерживается",
            "description": "текстовка"
        },
        "pageNotDetectedText": {
            "message": "Страница не обнаружена",
            "description": "текстовка"
        },
        "surveyPromptText": {
            "message": "пройдите короткий опрос, чтобы помочь нам улучшить JR",
            "description": "текстовка"
        }
    }
    
    enhancement 
    opened by Fasjeit 1
  • Bolding does not carry on to the Firefox reader mode

    Bolding does not carry on to the Firefox reader mode

    A user posted a script that does the styling using <b> tags here: https://news.ycombinator.com/item?id=30787290. Apparently this carries nicely to the Firefox reader mode, unlike the markup that is currently used by the Jiffy Reader.

    Could the markup be changed so we get to use the extension in the reader mode as well?

    opened by pspanja 0
  • [FEATURE] I can help with [TRANSLATION] into [GERMAN] language

    [FEATURE] I can help with [TRANSLATION] into [GERMAN] language

    Is your feature request related to a problem? Please describe. The current German translation is quite poor and confusing to understand.

    Describe the solution you'd like I offer you to do the translation into German.

    Describe alternatives you've considered If someone has already agreed to translate the text into German, please let me know as soon as possible.

    enhancement 
    opened by geschenkwald 2
  • When editing in Chinese, The first key will be recognized as a letter

    When editing in Chinese, The first key will be recognized as a letter

    Describe the bug When I edit in Chinese, the first key I type becomes a letter. This seems to be a problem for most web site editors, including, but not limited to, Telegram and discord.

    To Reproduce Steps to reproduce the behavior on extension or a specific website:

    Reproduce on the extension

    1. Go to '...'
    2. Click on '....'
    3. Scroll down to '....'
    4. See error

    Reproduce on a website

    1. Visit this link: '...'
    • [ ] check or mark with an x to indicate that the link is publicly accessible and also requires no account to be created.

    Expected behavior do not control the Input Box

    Screenshots image

    Desktop (please complete the following information):

    • OS: [e.g. MacOs]
    • Browser [e.g. The Arc of the Chrome kernel]

    Smartphone (please complete the following information):

    • Browser [e.g. stock browser, safari] Additional context Add any other context about the problem here.
    bug 
    opened by etha0 2
  • [BUG] Performance issue with large site.

    [BUG] Performance issue with large site.

    Describe the bug There is a performance issue with a large site. For example, https://spec.filecoin.io/. Enable reading mode will cause the site to hang and crash.

    Reproduce on a website

    1. Visit this link: https://spec.filecoin.io/
    2. Enable reading mode.
    • [x] check or mark with an x to indicate that the link is publicly accessible and also requires no account to be created.

    Expected behavior Should render immediately.

    Desktop (please complete the following information):

    • OS: macOS Monterey 12.6
    • Browser Brave
    • Version v1.44.108
    • Extension version 1.0.9.1010
    bug 
    opened by ekil1100 7
  • Update the website to include Firefox and Edge extensions

    Update the website to include Firefox and Edge extensions

    The website https://www.jiffyreader.com/ only contains a mention and link to the Chrome extension. This request is for updating the website, so the Firefox and Edge extensions are also mentioned.

    opened by armaccloud 3
Releases(1.0.9.1010)
A Browser Extension for Bionic Reading on ANY website!

Jiffy Reader A Browser Extension for Bionic Reading on ANY website! How it works Below is a screenshot demonstrating how the extension works by boldin

Ansh 3k Jan 9, 2023
A dead-simple Bookmarklet and Chrome Extension implementation of something like Bionic Reading

What is it? Inspired by Bionic Reading, this Bookmarklet modifies a webpage to display the first half of each word in bold. Can also be installed as a

null 35 Dec 5, 2022
A simple chrome extension using Bionic Reading API.

Bionic Reading Chrome Extension A simple chrome extension using Bionic Reading API, provided by RapidAPI. ?? ?? Currently in the early stages of devel

Kwame Mintah 15 Nov 8, 2022
A simple chrome extension using Bionic Reading (BR®) API.

Bionic Speed Reader Browser Extension A simple browser extension using Bionic Reading API, provided by RapidAPI. ?? ?? Currently in the early stages o

Kwame Mintah 15 Nov 8, 2022
An Open-Source JavaScript Implementation of Bionic Reading.

bionic-reading Try on Runkit or Online Sandbox An Open-Source JavaScript Implementation of Bionic Reading API. ⚙️ Install npm i bionic-reading yarn ad

shj 127 Dec 16, 2022
An Open-Source JavaScript Implementation of Bionic Reading.

TextVide (vide; Latin for "see") Support all languages that separate words with spaces Try on Runkit or Online Sandbox An Open-Source JavaScript Imple

shj 127 Dec 16, 2022
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
Eth-explorers-extension - Chrome extension to open Ethereum addresses & transaction hash from any page on popular explorers + dashboards

eth-explorers-extension(s) This repository contains two folders with two extensions that work for address and transactions respectively. 1. eth-addres

Apoorv Lathey 71 Jan 6, 2023
A chrome / firefox extension to draw on any webpage with tldraw

tldrawe A chrome / firefox extension to draw on any webpage with tldraw. Development From the root folder: Run yarn to install dependencies. Run yarn

Nimesh Nayaju 54 Jan 6, 2023
A chrome extension that renames Dj Grauchi's Mixes and any other The Good Company Mixes on Youtube

DJ Grauchi Chrome Extension The Problem All mixes under The Good Company youtube channel are not well named. There is no way to tell whether a video i

Steve Kibuika 20 Sep 1, 2022
Well Read is a website for tracking your reading of long book series.

Read without losing the plot. Well Read helps you organize your notes about books you're reading, so you're never lost when starting a new volume.

null 3 Dec 15, 2022
a VS Code Extension for Easily Localize any blade/php text in any Laravel project.

Laravel Easy Localize a VS Code Extension for Easily Localize any blade/php text in any Laravel project. Features Custom array key for each translatio

Moataz Hajres 6 Oct 31, 2022
Journeys is a django based community-focused website that allows users to bookmark URLs (through chrome extension) and share their journeys through timelines.

Journeys is a django based community-focused website that allows users to bookmark URLs (through chrome extension) and share their journeys through timelines. A timeline is a collection of links that share a common topic or a journey of building and learning something new. Users can create timelines, share them publicly, and explore resources.

Students' Web Committee 14 Jun 13, 2022
A Zotero add-on that scans your Markdown reading notes, tags the associated Zotero items, and lets you open notes for the Zotero items in Obsidian.

Zotero Obsidian Citations Adds colored tags to Zotero items that have associated Markdown notes stored in an external folder. Open an associated Markd

Dae 210 Jan 4, 2023
Node.js module for verifying Plumo proofs and reading states based on it

plumo-verifier Node.js module for verifying Plumo proofs and reading states based on it. Plumo is a SNARK-based light client verifier for the Celo blo

Celo 3 Dec 15, 2022
AdsPower supports Local API, which has functions like reading and writing account configuration information, opening and closing browsers, searching for accounts.

AdsPower supports Local API, which has functions like reading and writing account configuration information, opening and closing browsers, searching for accounts. Besides, it can cooperate with Selenium and Puppeteer to execute browser operations automatically.

AdsPower Official 20 Dec 1, 2022
Read without losing the plot. Well Read helps you organize your notes about books you're reading, so you're never lost when starting a new volume.

Well Read Well Read is a website for tracking your reading of long book series. I made this to track how many pages I read in a session and to better

null 3 Dec 15, 2022