The latest articles on DEV Community by NANAHARA (@nanahara_8b7e96c084e7). https://dev.to/nanahara_8b7e96c084e7 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3953678%2F4c1961ae-707d-4986-894d-0335376c06ac.png https://dev.to/nanahara_8b7e96c084e7 en NANAHARA Wed, 27 May 2026 06:16:41 +0000 https://dev.to/nanahara_8b7e96c084e7/i-built-a-chrome-extension-after-my-kid-turned-my-youtube-feed-into-roblox-51fa https://dev.to/nanahara_8b7e96c084e7/i-built-a-chrome-extension-after-my-kid-turned-my-youtube-feed-into-roblox-51fa <p>My kid watched YouTube on my account for an afternoon. The next day, my entire home feed was Roblox videos.</p> <p>That moment made me realize how fragile YouTube recommendations really are — one session and everything gets polluted.</p> <p>Before that, I was already running three separate YouTube accounts: one for work, one for hobbies, one just for music. It kept things clean, but constantly switching between them was exhausting. I'd always put it off, and the algorithm would gradually turn into chaos.</p> <h2> The problem with existing solutions </h2> <ul> <li> <strong>Separate accounts</strong> — too much friction to switch constantly</li> <li> <strong>Incognito</strong> — loses all subscriptions and history</li> <li> <strong>Block YouTube entirely</strong> — too aggressive, I use it for learning</li> </ul> <p>None of them let me just say: <em>"right now I'm in work mode, show me work stuff."</em></p> <h2> What I built </h2> <p><strong>ContextTube</strong> — a Chrome extension that adds a floating button to YouTube. One click switches your mode:</p> <ul> <li>🔵 <strong>Work</strong> — filters to tech, programming, business, productivity</li> <li>🟢 <strong>Hobby</strong> — gaming, music, anime, lifestyle</li> <li>⚪ <strong>All</strong> — normal YouTube</li> <li>✏️ <strong>Custom</strong> — build your own with any keywords (Pro)</li> </ul> <p>All filtering happens locally in your browser. No data collected, no account needed.</p> <h2> How it works </h2> <p>It tags each video element with a <code>data-ycs</code> attribute based on keyword matching against the title and channel name, then uses CSS to hide non-matching videos. English keywords use word-boundary regex (<code>\bkeyword\b</code>) to avoid false matches.</p> <h2> Links </h2> <ul> <li>Chrome Web Store: <a href="https://chromewebstore.google.com/detail/contexttube/klalfnbbjmnelkfoooehmgnodclghkcc" rel="noopener noreferrer">https://chromewebstore.google.com/detail/contexttube/klalfnbbjmnelkfoooehmgnodclghkcc</a> </li> <li>Free with 3 built-in modes. Pro ($4.99 one-time) for unlimited custom modes.</li> </ul> <p>Would love feedback from fellow devs!</p> chrome productivity javascript webdev