DEV Community: codebunny20

Is It Ethical to Post and Ask About Circuits on Dev.to?

codebunny20 — Fri, 10 Jul 2026 04:42:05 +0000

I’ve been thinking about sharing some electronic circuit posts on Dev.to — small circuits, DIY builds, and hardware experiments. Dev.to is primarily a software‑focused space, and I respect that. It’s one of the few platforms where I don’t feel out of place, so I want to make sure I’m not crossing any lines or disrupting the community’s purpose.

Before I start posting anything, I want to understand how the community views hardware content. I’m not trying to chase attention or bend the rules. I just don’t want to accidentally post something that feels off‑topic, unwelcome, or out of step with what Dev.to is meant for.

So I’m asking the community:

Is it appropriate to share circuit‑related posts here, or is that considered outside the scope of Dev.to?

I’m not looking for special treatment — just clarity. If hardware content is fine, I’ll keep it thoughtful and If it’s not a good fit, I’d rather know before I post anything.

I appreciate any guidance from people who’ve been part of Dev.to longer than I have.

Thanks a ton for all the support

i made a fogger breakdown video

codebunny20 — Sun, 05 Jul 2026 10:01:42 +0000

I just dropped a new teardown video showing how to break down a Fogger vape pod dock and reuse the internal parts — the charging board, the rechargeable Li‑ion cells, and anything else worth salvaging — for DIY builds.

I used the components to make a simple 3.7V lithium‑ion charger so I can recharge the cells I salvage instead of adding more to e‑waste. If you’re into upcycling, electronics salvage, or DIY power projects, this one’s worth checking out.

Watch the video: https://youtu.be/Rp_VioY31uw

If you want to support more teardown, salvage, and upcycling content, you can donate on Ko‑fi. Every bit helps me keep rescuing parts and turning them into something useful.

Ko‑fi: https://ko-fi.com/queencodebunny

Reading Ruler Update — Text‑to‑Speech, Popup Redesign, and a Lot of Under‑the‑Hood Work

codebunny20 — Sun, 05 Jul 2026 05:44:45 +0000

I’ve been expanding Reading Ruler pretty aggressively lately, and this update brings in a full text‑to‑speech system, a redesigned popup UI, new controls, new shortcuts, and a bunch of internal improvements across the extension.

This post breaks down everything that changed this time around.

🔊 Text‑to‑Speech (TTS) Integration
Reading Ruler now supports page‑side text‑to‑speech. Not a browser‑level API wrapper — actual content‑script‑driven behavior that reacts to selections and input fields.

New settings added
These are now part of the shared extension config:

ttsEnabled

autoSpeakSelection

ttsRate

ttsPitch

ttsVolume

Page‑side behavior
The content script handles:

Speaking the current selection

Auto‑speaking when the selection changes

Stopping active speech

Reading text from both normal selections and text inputs/textareas

Keeping all TTS settings synced with storage

Shortcut support
Ctrl+Shift+S → Speak selected text

Files touched
popup.ts

content.ts

manifest.json (added tabs permission)

🎨 Popup UI + UX Redesign
The popup went from a simple stacked form to an actual structured interface. This makes the TTS controls usable and gives the extension a more coherent feel.

Layout changes
Hero header

Separate cards for Ruler + TTS

Shortcut section

Clear primary/secondary actions

New TTS controls
Enable/disable TTS

Auto‑speak toggle

Rate slider

Pitch slider

Volume slider

Speak Selection button

Stop button

Live status message (success/error/info)

Styling updates
Larger popup

New color system + gradients

Glass‑style panel

Custom switches

Metric chips

Better spacing + hierarchy

Styled status states

Shortcut pills

Safari‑compatible -webkit-backdrop-filter

Files touched
popup.html

popup.css

popup.ts

🛠️ Build Outputs + Validation
Rebuilt all compiled JS + sourcemaps

Fixed the popup CSS error

TypeScript build completed cleanly (npm run build)

Files touched
content.js

content.js.map

popup.js

popup.js.map

✔️ Summary
This update adds:

Full TTS support

Auto‑speak behavior

Input‑field reading

A new keyboard shortcut

A redesigned popup UI

New controls + status messages

A full styling overhaul

Manifest permission updates

Clean builds and fixed CSS

If you’re using Reading Ruler for accessibility or focus, this update makes the extension significantly more capable and much nicer to interact with. I've been putting a lot of work behind this and now there's 13 people who have downloaded it and its not much but i think that's pretty cool you can find it with the link here ->Reading Ruler v1.2 if you would like to give it a shot and id love any good critiques and tips and tricks

DIY: Turning a Fogger Vape Dock Into a 3.7V Li‑ion Charger (And a Small Update About Confidence)

codebunny20 — Tue, 30 Jun 2026 09:00:22 +0000

A couple months back, I made a post here on DEV asking for opinions about e‑waste and why people would waste good salvage from vape hardware. Someone commented and asked me if i made tutorials or videos — but at the time, I said no because I wasn’t confident in my skill level, and honestly, I didn’t think I could make a video that felt “good enough” to share.

Even earlier than that, I made another post asking if it was ethical to use a TTS narrator because of my dysphoria. I wasn’t sure if people would think it was misleading or weird. The response I got was overwhelmingly supportive. A lot of you told me it was completely fine, that accessibility and comfort matter, and that using a narrator doesn’t make the work any less mine.

Those comments stuck with me.

And now — months later — I finally made a video.

🔗 Here it is:

https://youtu.be/Rp_VioY31uw

What the video covers
This project repurposes the Fogger pod vape dock into a working 3.7V Li‑ion battery charger. The Fogger system is one of the safest vape platforms to salvage because the charging hardware is physically separated from the pod. That separation gives you direct access to the battery interface without cutting into a sealed pod or bypassing protection circuits.

In the video, I show:

How the Fogger dock’s design makes repurposing safer

How I convert the dock into a functional 3.7V charger

Charging reclaimed Li‑ion cells made from spent vapes

Safety notes for handling salvaged batteries

There’s no teardown in this video — that’s something I’m working on separately.

Why I’m doing this
Vapes create a ridiculous amount of e‑waste. I keep every device I finish, salvage the parts, and turn them into tools or small DIY builds instead of throwing them away. This charger is one of those builds.

But this post isn’t just about the project — it’s also a thank‑you.

A few supportive comments months ago helped me push past the hesitation, the dysphoria, and the “I’m not skilled enough” feeling. I’m still recording everything on my phone, still learning, still improving — but I finally did it.

If anyone wants to check out the video, I’d really appreciate it. And thank you again to the people who encouraged me when I wasn’t sure I could do this.

Follow or Support My Work
I post DIY builds, salvage projects, and code experiments across my platforms:

Ko‑fi (support + donations): https://ko-fi.com/queencodebunny

DEV Community (write‑ups + guides): https://dev.to/codebunny20

GitHub (open‑source projects): https://github.com/codebunny20

Extensions‑By‑Bunny Showcase

codebunny20 — Fri, 05 Jun 2026 10:35:58 +0000

This is a complete look at my first four browser extensions + the new site where users can stay up to date
Over the past year, I’ve been building a small ecosystem of useful lightweight, privacy‑first browser extensions — each focused on solving one problem cleanly, locally, and without clutter.

To make everything easier for users, I’ve launched a full standalone site where you can follow updates, releases, previews, and store listings for every extension I build:

🔗 ExtensionsbyBunny — A centralized home for all my tools, updates, and announcements.

And as of today, every extension in the suite has been fully migrated to TypeScript.
This keeps the codebase stable, maintainable, and far less likely to break as browsers evolve.

Below is the complete breakdown of the first four extensions I’ve built — in the exact order they were created.

📖 Reading Ruler — My First Browser Extension
Reading Ruler was the very first extension I ever made, and the project that started my entire dev journey. It’s a simple accessibility tool that adds a clean horizontal highlight bar to help you keep your place while reading long articles, documentation, or PDFs.

Originally built in plain JavaScript, it wasn’t migrated to TypeScript until after Auto Scroll, but it’s now fully updated and future‑proof.

🔗 Reading Ruler — Chrome Web Store
🔗 ExtensionsbyBunny — Reading Ruler Page

🐰 Bunny Book — Built Between My Early Projects
Bunny Book came after Reading Ruler and before Auto Scroll, sitting right in the middle of my early development timeline.

It’s a cozy, local‑only multi‑note notepad that lives in your browser toolbar. You can create, edit, search, delete, and export notes — all stored privately in your browser with no accounts or external connections.

It has also been fully migrated to TypeScript to keep it stable long‑term.

🔗 Bunny Book — Chrome Web Store
🔗 ExtensionsbyBunny — Bunny Book Page

🚀 Auto Scroll — The First Extension I Migrated to TypeScript
Auto Scroll is the first extension I ever migrated to TypeScript, and it became the foundation for how I build my newer tools.

It automatically scrolls pages at your chosen speed — perfect for reading, monitoring, or hands‑free browsing. It’s simple, clean, and fully user‑controlled.

🔗 Auto Scroll — Chrome Web Store
🔗 ExtensionsbyBunny — Auto Scroll Page

🧮 Mathbox — Built After Bunny Book
Mathbox expands the suite into fast, focused calculation tools. It includes:

Standard Calculator

Ratio Calculator

Ohm’s Law Tool

Voltage & Resistor Calculators

Battery Calculator

Unit Converter

Everything opens instantly in a clean panel designed for quick work with zero distractions.
Mathbox is also fully migrated to TypeScript, keeping the entire suite consistent.

🔗 Mathbox — Chrome Web Store
🔗 ExtensionsbyBunny — Mathbox Page

🌐 The Extensions‑By‑Bunny Ecosystem
These four extensions represent the start of a growing suite of tools built around three principles:

Lightweight

usefulness

Privacy‑first

With everything now migrated to TypeScript, the entire suite is more stable, more maintainable, and better prepared for long‑term updates.

A full video showcase is also in the works, walking through each extension and its store page.

THANKS FOR READING🐰

Finally did it

codebunny20 — Tue, 02 Jun 2026 07:29:17 +0000

I finally got donations set up through my Ko‑fi. This gives anyone who wants to support me — my work, my projects, and my transition — a simple way to do it. Thank you to anyone who chooses to help. It means more than you know.

ko-fi.com

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.