Hello! ā Iāve been working on something small and I think itās finally ready (or just ok enough) to share.
I just released my Reading Ruler, a lightweight browser extension designed to make reading long pages of text easier, calmer, and more focused. Itās built around one idea: give people a simple tool that helps.
Update:
Iāve added a full video tutorial to my youtube channel(https://www.youtube.com/@CuriousBunny-710) that shows exactly how to load the Reading Ruler extension into your browser. Itās a short, beginnerāfriendly walkthrough that covers Developer Mode, loading the folder, and reloading the extension when you update the code. If you prefer visual instructions or want to follow along stepābyāstep, the video is now included. thanks a ton
ā What Reading Ruler Does
Reading Ruler adds a subtle highlight bar that follows your cursor while dimming the rest of the page. It creates a clean āreading windowā that helps you stay focused on the line youāre on ā especially useful for long articles, documentation, or dense technical content.
Itās intentionally minimal because I'm still a beginner and not that confident, but I like the features I made might be useful and I enjoyed learning It.
⨠Features
Adjustable ruler height
Adjustable dim strength
Brightened text inside the ruler
Smooth cursor tracking
Keyboardāonly control
Privacyāfirst design
Everything updates instantly and stays out of your way.
āØļø Keyboard Shortcuts
Toggle: Ctrl + Shift + R
Height: Ctrl + Shift + Up/Down
Dim: Ctrl + Shift + Left/Right
When you activate the ruler, a small hint popup appears to remind you of the controls.
š Why I Built It
I love tools that solve problems.
Reading online can be overwhelming ā especially long documentation or articles(at least for me). I wanted something that improved focus without changing how I browse or adding another UI panel to manage.
So I built a tool thatās:
minimal, fast, accessible, keyboardāfirst, privacyārespecting And now itās out in the world if your interested.
š¦ Check It Out
If you want to try it or look through the code, hereās the repo, and release:
š [https://github.com/codebunny20/Reading-Ruler]
š [https://github.com/codebunny20/Reading-Ruler/releases/tag/RulerReader]
Feedback, ideas, and accessibility suggestions are always welcome.
š® Whatās Next
This extension is the first in a small collection of minimal, accessibilityāfocused tools Iām building. Iāll share more as theyāre ready.
Thanks for reading ā and if you try Reading Ruler, Iād love to hear what you think and thanks for reading.š°