DEV Community: codebunny20

ExtensionsbyBunny

codebunny20 — Sun, 31 May 2026 16:35:15 +0000

Welcome to the official Extensions by Bunny hub. https://codebunny20.github.io/ExtensionsbyBunny/

This is where I will post:

New extension releases and version updates
Important announcements
Feature previews and development progress
Fixes, improvements, and change highlights
General news and anything else related to Extensions by Bunny Chrome extension store listings
Bunny Book https://chromewebstore.google.com/detail/bunny-book/meojmfeidmpdddebfjpfbadhhojampok
Reading Ruler https://chromewebstore.google.com/detail/reading-ruler/pagchebmocafbblcgkoloijoagjmpagm
Auto Scroll https://chromewebstore.google.com/detail/fkddbgkhajohfjdacldgagfdfckejdni?utm_source=item-share-cb

If you want to stay informed about what is new and what is coming next, this is the main place to check

Just a Quick auto scroll fix I stupidly forgot

codebunny20 — Sat, 30 May 2026 11:49:14 +0000

I added a much smoother default scrolling experience, plus a new Jump Scroll mode for people who want a more deliberate reading pace. When Jump Scroll is enabled, you can now control how long the page stays on each line with a new Line Delay setting, so the behavior is easier to tune for fast reading or slower, more comfortable scrolling.

I also cleaned up the settings layout to make the important options easier to find, moved the less-used options into an Advanced section, and updated the extension version and description for release.
🐰THANKS FOR READING

“Extensions by Bunny” hub launch

codebunny20 — Sat, 30 May 2026 10:56:43 +0000

I just launched a super small new site called Extensions by Bunny — a simple hub for all the browser extensions I’ve been building.

Right now it includes:

Auto Scroll – Automatically scrolls pages for you so you can read or watch hands‑free.

Bunny Book – A lightweight bookmarking helper to keep important pages easy to find.

Reading Ruler – Adds a visual guide so it’s easier to track lines while reading.

Each extension links directly to its Chrome Web Store listing, so you don’t have to download anything sketchy or mess with files—just install from the store like normal.

I’m also adding a link to my GitHub profile so you can see the code and any future projects I publish.
Codebunny

Check the site out here:
https://codebunny20.github.io/ExtensionsbyBunny/

If you try any of the extensions, I’d really appreciate feedback or bug reports so I can keep improving them, and there's lots more to come.

🐰THANKS FOR READING

I Built a Tiny Chrome Extension to Save My Mouse Wheel (Auto Scroll)

codebunny20 — Wed, 27 May 2026 12:04:49 +0000

I hate endlessly scrolling through long docs, articles, or social feeds just to keep up with content, and I've been trying to learn typescript so I built a simple Chrome extension called Auto Scroll.

The goal was straightforward:

Start and stop scrolling with one click
Control scroll speed quickly
Keep it lightweight, distraction-free, and easy to use
Why I Built It
I wanted something that helps with:

Reading long-form content hands-free
Following tutorials while taking notes
Reducing repetitive scrolling during research
Most tools I tried were either overloaded with options or clunky to control. I wanted minimal and reliable.

What It Does
The extension currently supports:

Toggle auto-scroll on any page
Speed control from the popup
Smooth behavior that works across most websites
It’s intentionally small and focused on one thing: better reading flow.

Tech Stack
Built with:

TypeScript
Chrome Extension APIs
Simple popup UI + background/content scripts
I kept the structure clean so it’s easy to maintain and iterate.

What I Learned
A few practical lessons from building this:

Extension popups need defensive UI handling (DOM elements can fail silently if assumptions are wrong)
Storage data should always be treated as untrusted shape and normalized on read
Small UX details like speed defaults make a huge difference in usability
What’s Next
Planned improvements:

Per-site speed preferences
Better/more Keyboard shortcuts
Better pause/resume behavior when switching tabs
Optional smoothness presets (reading, browsing, rapid)
Feedback Welcome

If you’ve built Chrome extensions before, I’d love your feedback:

What UX patterns work best for productivity extensions?
Which feature would you prioritize first?
Any pitfalls I should watch for in content-script behavior across sites?
I'm also looking for guidance from experienced web devs who are self taught like me

there are 3 ways to grab and use my extension if you so choose:

github repo: https://github.com/codebunny20/Auto-scroll

Github release: https://github.com/codebunny20/Auto-scroll/releases/tag/v1.0.0

Chrome extensions store:-> I will add the store link once it has been reviewed and allowed to be published, I'm not entirely sure how long it will take but ill update this post when it is.

THANKS FOR READING IF YOU DID😊

I Built 4 Useful Web Extensions — I Really Need Testers & Feedback

codebunny20 — Fri, 15 May 2026 08:57:30 +0000

I’ve spent a lot of time building four genuinely useful, functional web extensions: Bunny Book, Mathbox, Magnify, and Reading Ruler. They’re simple, lightweight, and designed to actually solve everyday problems.

I’m proud of them — (which i don't normally think) but
I’m struggling to get the word out.

I’ve been doing everything I can to get these extensions seen. I’m at the point where I’m desperate for visibility. I even recorded videos using my own voice — and I hate my voice — but I did it anyway because I figure these tools deserve a chance to be used.

Right now, what I need most is advice and feedback from real people.
If anyone is willing to test them, try them out, or even just tell me what feels confusing or what works well, it would help me more than you know.

The Extensions
Bunny Book — a clean, simple Note book

Mathbox — a quick, math utility tool

Magnify — a smooth, adjustable page magnifier

Reading Ruler — a reading focus tool for ADHD, dyslexia, or just staying on track

They’re fully functional, semi-polished, and ready for real‑world use. I just need people to actually try them.

If you’re willing to test them, I’ll drop the links bellow to the Github repo there all in, and the ones i have published on the - there all free and i have 2 more to publish in the upcoming week.

Extensions-by-Bunny

Chrome web extension store
Reading Ruler

Bunny Book

Any feedback — even one sentence — is incredibly valuable to me right now.

Thanks for reading, and thanks to anyone who gives these a shot. it would help a ton.

Reading Ruler Update

codebunny20 — Tue, 05 May 2026 03:06:29 +0000

Reading Ruler is now officially live on the Chrome Web Store. If you’ve been following the project or using the local version, you can now install it with one click.

I’m looking for real feedback from actual users — what works, what’s confusing, what should be improved next. Your comments, bug reports, and suggestions will directly shape the next update.

Thanks to everyone who supported the project so far.

🚀 I Just Released My Reading Ruler Browser Extension

codebunny20 — Sun, 19 Apr 2026 13:39:20 +0000

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.🐰

“Why Are We Throwing Away Perfectly Good Tech?”

codebunny20 — Thu, 02 Apr 2026 11:00:47 +0000

I’ve been thinking more and more about e‑waste lately watching perfectly good electronics get tossed into the trash every single day.

Take disposable vapes, for example.

Inside almost every one of them is a fully functional 3.7V lithium‑ion cell.

Rechargeable. Reusable. The same chemistry that powers phones, controllers, and power banks.

Yet millions of these batteries end up in landfills because the device looks like trash.

I’ve been harvesting the cells from my old vapes and turning them into power banks and portable chargers and ect. It blows my mind how much usable tech we throw away just because it’s wrapped in a “disposable” shell.

And it’s not just vapes:

headphones
old remotes
broken controllers
cheap gadgets
e‑toys
USB battery packs
kitchen appliances

Most of this stuff contains components that can be repaired, reused, or upcycled into something new.

So here’s my question for the community:

Why aren’t we talking more about upcycling e‑waste?

Is it lack of awareness? Lack of tools?
Or do people just not realize how much value is hiding inside “trash”?
I'm not naive and know that Companies make things intentionally unrepairable, but I’d love to hear from others who repair, harvest parts, or upcycle electronics.

What do you rescue from the waste stream — and what do you turn it into?

I made a Magnifier Toggle — A Simple Zoom‑Lens Browser Extension

codebunny20 — Mon, 23 Feb 2026 16:17:00 +0000

Magnifier Toggle is a small experiment I built while teaching myself how browser extensions work. I’m still learning and figuring things out as I go, so the code isn’t perfect yet — but the extension works, and I’m fixing the newbie bugs as I get better.
The extension adds a circular “magnifying glass” to any webpage. Click the toolbar icon to toggle it on or off, and the lens follows your mouse with a zoomed‑in view of the page. It’s lightweight, minimal, and a fun project for learning MV3.

GitHub:https://github.com/codebunny20/Extensions-By-Bunny.git

✨ What it does
• Adds a circular magnifier overlay
• Follows your cursor smoothly
• Zoom level can be adjusted
• Lens size can be adjusted
• Escape key disables it
• Works on most normal sites

🧠 Why I built it
I’m self‑teaching and learning by doing. This project helped me understand:
• how MV3 background service workers work
• how content scripts interact with the page
• how to inject and style overlays
• how to handle mouse movement and zoom math
It’s not perfect, but I’m improving it as I learn more.

🚀 How to try it

Download or clone the repo
Open your browser’s extensions page
Turn on Developer Mode
Load the folder as an unpacked extension
Click the toolbar icon to toggle the magnifier

🌱 Bloom Update — February 19, 2026

codebunny20 — Thu, 19 Feb 2026 10:34:21 +0000

Hello everyone 👋🏿👋🏿👋🏿

Today’s Bloom update is a small one. This update makes the app feel more grounded, more intentional, and more aligned with the values Bloom was built on: privacy, clarity, and gentle support for people navigating their HRT journey.
Here’s what changed.
Bloom

🌼 1. A More Helpful Help Page

Bloom has grown a lot over the past year — TrackMyHRT, the Journal, Cycle Tracker, Voice Trainer, HRT Tools, and more. That’s a lot of moving parts, especially for new users who might already be overwhelmed. and i want to improve navigating bloom as much as i can.
So I rebuilt the Help page.
It now includes a full walkthrough of each section of the app, what it’s for, and how to use it. Instead of a simple overview, it’s now a guided, friendly tutorial that helps users feel oriented and supported from the moment they open Bloom.
This is a big step toward making Bloom a dependable, trust worthy tool.

🌸 2. Clearer Messaging About Who Bloom Is For

Bloom has always been designed with people on HRT journeys in mind — but the app didn’t always say that clearly.
This update refreshes the welcome message and other key text throughout the app to reflect Bloom’s true purpose:
a supportive, private space for people tracking their HRT, their cycles, their voice, and their emotional journey.
It still welcomes everyone, but it now speaks directly to the people it was built for. That clarity matters.

🔐 3. Removing the PIN Lock (And Why)

This was an oversight mainly but i am looking into it
Bloom used to include an optional PIN lock feature. After revisiting it, I realized there was no safe, privacy‑respecting way to support PIN recovery without requiring accounts, cloud storage, or personal data — all things Bloom intentionally avoids.
So I removed it completely.
Discreet Mode and Quick Exit remain as the primary privacy tools, and they continue to work without storing or transmitting any personal information. This keeps Bloom aligned with its core belief: your data stays with you, and only you.

💊 4. Multi‑Medication Support for HRT Regimens

This is the biggest functional upgrade in this update.
HRT regimens in Bloom can now include multiple medications instead of just one. That means a single regimen can reflect real‑world setups like:
• Estradiol
• Spironolactone
• Progesterone
…all grouped together under one routine.
This required updates across the app:
• A new database structure that supports medication lists
• A redesigned Regimens UI for adding/editing/removing individual meds
• Built‑in templates for common HRT medications
• Updated backend logic to handle the new data model
This makes TrackMyHRT far more accurate and flexible — and it opens the door for future features around dose tracking, reminders, and long‑term use.

🌿In Closing

This update is all about alignment — making Bloom clearer in its purpose, safer in its design, and more supportive in the ways that matter most.
As always, Bloom remains fully local, fully private, and built with care for the people who may find it useful.
If you’re using Bloom and have thoughts, ideas, or accessibility needs, I’d love to hear from you. Your feedback shapes the future of this project more than anything else. I'm still working on figuring out a way to do detailed tutorial and update videos on my YT channel, I still cant stand my own voice.
For feedback and other info my socials are Here where I'm most active DEV, Linktree
and my website curiocorner

Until next time.

A Small Observation About UI, UX, and 2026 Apps

codebunny20 — Mon, 16 Feb 2026 13:51:37 +0000

Hello everyone I've realize in 2026, software is no longer judged primarily by its features — it’s judged by how effortlessly people can use those features. Graphical User Interfaces (GUIs), User Interface design (UI), and User Experience design (UX) have shifted from “nice to have” to core product infrastructure. as i learn more and more it think whether an app succeeds often depends less on raw capability and more on clarity, accessibility, and emotional comfort.

So far in my journey I've noticed across multiple devices, platforms and search engines you can have a beautiful UI but abhorrent UX or amazing UX but an eyesore of a UI. This one of the many reasons i enjoy making and polishing GUI,s (graphical user interface). People interact with dozens of apps daily. Cognitive load tolerance is at an all‑time low. throughout gen z and gen alpha. If an interface requires explanation, onboarding, or guesswork, users abandon it.

Another thing i have been taking from my minimal experience is that users switch between desktop, mobile, web, and embedded devices daily.
They expect:
• consistent patterns
• predictable interactions
• familiar layouts
Id like to hear your thoughts on the matter or let me know if this is delusional or misguiding.
Thanks for reading

Trying to Make Content Without Triggering Myself

codebunny20 — Thu, 12 Feb 2026 06:56:26 +0000

I’m thinking about recording some tutorial videos with my commentary explaining how to use the aps and tools i made bloom and bunnybox and maybe some other stuff, but my natural voice is really triggering for me because its so deep and loud. Would it be unethical if I lightly altered my voice (pitch/formant) so I can actually make content without dysphoria shutting me down? I’m not trying to deceive anyone — just trying to make this doable for myself.