A dead-simple Bookmarklet and Chrome Extension implementation of something like Bionic Reading

Overview

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 Chrome Extension. Works on essentially any webpage!

Examples

Pre convert0 Post convert0 Pre convert1 Post convert1 Pre convert2 Post convert2 Pre convert3 Post convert3

Installation

If you're having trouble, we have pictures explaining each step here.

Bookmarklet Instructions (preferred method):

  • Open "readable_text.js"
  • Click "Copy Raw Contents" button, which looks like Two Squares
  • Create a new Bookmark named "Reading Helper" (or name it something else if you want!)
  • In the URL, paste what you copied
  • Save the Bookmark
  • When you want to use it, click the Bookmark and it will convert the page

Chrome Extension Installation Instructions:

  • Click the green Code button above, then click "Download ZIP"
  • Unzip the file literally anywhere
  • Open Chrome Extensions
  • In the upper right, turn on developer mode
  • Click "Load Unpacked"
  • Select the folder, it should load as Reading Helper extension
  • Go to the upper right and click the puzzle piece to show the extension (which will look like a Grey Square with a White R)
  • When you want to use it, click the Extension button and it will convert the page

Similar Projects:

Bookmarklet

Chrome Extension

Webpage

Document Readers/Converters

Other:

If anyone wants to fork this and actually upload it to the Chrome Dev store, please go for it! This was the work of 3 hours, has many issues, and isn't something I plan to refine much. I'd be quite happy if someone else took it and made something better! (This entire extention is ~100 lines of text, it's EASY to modify.)

Changelog

5/22 1.3.0

  • TL;DR add support for some unusual webssites, like EPUB readers
  • Add iframe documents to traversal

5/22 Rewrite 2

  • TL;DR no longer breaks dynamic pages
  • No longer processes invisible tags, like style and meta
  • No longer processes whitespace individually
  • No longer recreates breaks buttons and interactables
  • Now also works as a Bookmarklet

5/22 Rewrite 1

  • TL;DR catchs text across the entire page, breaks fewer things
  • Runs against all elements on the page, rather than a subset
  • No longer avoids full sentences if they contain another format tag
  • No longer breaks links
  • No longer processes script tags

5/21

  • Initial Release
You might also like...

A utility that mutates and transforms a style-dictionary object into something Figma Tokens plugin understands

A utility that mutates and transforms a style-dictionary object into something Figma Tokens plugin understands

Brought to you by Style Dictionary To Figma A utility that transforms a style-dictionary object into something Figma Tokens plugin understands. Used b

Jan 4, 2023

For some realizations of the title and thinking of the book Introduction to Algorithms, if there is something wrong, please correct me.

Introduction-to-Algorithms Introduce Origin of this library Some implementations of the topics in Introduction to Algorithms and some reflections on t

Jun 9, 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.

Dec 1, 2022

A custom select dropdown. This is something that is not too difficult to make.

Custom-Dropdown-JS A custom select dropdown using basic JS fucntionality. This is something that is not too difficult to make. But it shows that you h

Mar 26, 2022

Write something on your contribution graph!

GitWrite Write something on your contribution graph! What is GitWrite? GitWrite is a little tool I developed that lets you add a short message to a ye

Sep 19, 2022

🛡️ Dead-simple, yet highly customizable security middleware for Apollo GraphQL servers and Envelop 🛡️

🛡️ Dead-simple, yet highly customizable security middleware for Apollo GraphQL servers and Envelop 🛡️

GraphQL Armor 🛡️ GraphQL Armor is a dead-simple yet highly customizable security middleware for various GraphQL server engines. Contents Contents Sup

Jan 9, 2023

Dead simple program to upload NFT data to IPFS via nft.storage

Dead simple program to upload NFT data to IPFS via nft.storage

NFTP The simplest way to publish files and folders to IPFS, with one command. 100% FREE to upload as much files as you want, powered by nft.storage. N

Dec 11, 2022

A dead simple JWT-based authentication library for Next.js framework.

nexauth A dead simple JWT-based authentication library for Next.js framework. Getting Started Visit https://betagouv.github.io/nexauth/#/install to ge

Aug 2, 2022

Dead simple cookie-based session for Deno Fresh.

Fresh Session 🍋 Dead simple cookie-based session for Deno Fresh. Get started Fresh Session comes with a simple middleware to add at the root of your

Jan 5, 2023
Owner
null
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
A Chrome Extension for Bionic Reading on ANY website!

bionic-reading A Chrome Extension for Bionic Reading on ANY website! How it works Below is a screenshot demonstrating how the extension works by boldi

Ansh 3k Jan 4, 2023
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
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
Bookmarklet exploit that can force-disable extensions installed on Chrome. Also has a very fancy GUI to manage all extensions!

ext remover Bookmarklet exploit that can force-disable any extension installed on Google Chrome Instructions Here are the instructions to using this e

Echo 124 Jan 6, 2023
Chrome Extensions are something which we use very frequently in our day-to-day life for example Grammarly

Chrome-Extension Chrome Extensions are something which we use very frequently in our day-to-day life for example Grammarly, In this project similarly,

Harshita sharma 97 Dec 14, 2022
The *New* Ultimate Bookmarklet: Coming August 17th...

Vengeance The New Ultimate Bookmarklet: Coming August 17th... An addon to Avo and the successor to avo-ultimate A new favlet featuring unblocked dev t

Chadrick J Brown 11 Dec 15, 2022
SponsorBlock in a bookmarklet/ userscript

SB.js SponsorBlock for restrictive environments. Usage Userscripts: With Loader (sb-loader.user.js) The loader loads the script every time on startup

Michael M. Chang 25 Dec 24, 2022