<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: gong junhao</title>
    <description>The latest articles on DEV Community by gong junhao (@gong_junhao_db22d984253d7).</description>
    <link>https://dev.to/gong_junhao_db22d984253d7</link>
    <image>
      <url>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%2F3767518%2F5c3bcf92-7a1f-41a2-aee2-f992e2ba58aa.png</url>
      <title>DEV Community: gong junhao</title>
      <link>https://dev.to/gong_junhao_db22d984253d7</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/gong_junhao_db22d984253d7"/>
    <language>en</language>
    <item>
      <title>The 5-Minute Demo Privacy Routine I Wish I Used Earlier</title>
      <dc:creator>gong junhao</dc:creator>
      <pubDate>Tue, 17 Feb 2026 23:37:17 +0000</pubDate>
      <link>https://dev.to/gong_junhao_db22d984253d7/the-5-minute-demo-privacy-routine-i-wish-i-used-earlier-5d3n</link>
      <guid>https://dev.to/gong_junhao_db22d984253d7/the-5-minute-demo-privacy-routine-i-wish-i-used-earlier-5d3n</guid>
      <description>&lt;p&gt;I used to think privacy leaks in screen recordings were rare edge cases.&lt;/p&gt;

&lt;p&gt;They are not.&lt;br&gt;
Most of the leaks happen in ordinary moments:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;autofill dropdowns&lt;/li&gt;
&lt;li&gt;internal tab names&lt;/li&gt;
&lt;li&gt;random notifications&lt;/li&gt;
&lt;li&gt;customer identifiers in widgets&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;So I moved to a simple workflow before every recording:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Open a dedicated browser profile for demos.&lt;/li&gt;
&lt;li&gt;Turn on Do Not Disturb.&lt;/li&gt;
&lt;li&gt;Close chat/email/password-manager overlays.&lt;/li&gt;
&lt;li&gt;Run a 30-second dry walkthrough.&lt;/li&gt;
&lt;li&gt;Blur sensitive zones before recording.&lt;/li&gt;
&lt;li&gt;Rewatch the first 10-15 seconds before sharing.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;This process is short enough to use every time, and it cuts accidental exposure risk significantly.&lt;/p&gt;

&lt;p&gt;For the blur step, I use BlurMate, a lightweight Chrome extension that lets me place movable blur overlays quickly.&lt;/p&gt;

&lt;p&gt;Website: &lt;a href="https://blurmate.devstorex.top" rel="noopener noreferrer"&gt;https://blurmate.devstorex.top&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you record tutorials or client demos, what step in your process catches the most hidden leaks?&lt;/p&gt;

</description>
      <category>privacy</category>
      <category>security</category>
      <category>tutorial</category>
      <category>productivity</category>
    </item>
    <item>
      <title>Before You Hit Record: 7 Small Privacy Checks That Save You Big Trouble</title>
      <dc:creator>gong junhao</dc:creator>
      <pubDate>Tue, 17 Feb 2026 08:54:18 +0000</pubDate>
      <link>https://dev.to/gong_junhao_db22d984253d7/before-you-hit-record-7-small-privacy-checks-that-save-you-big-trouble-151a</link>
      <guid>https://dev.to/gong_junhao_db22d984253d7/before-you-hit-record-7-small-privacy-checks-that-save-you-big-trouble-151a</guid>
      <description>&lt;p&gt;A lot of creators think privacy leaks in screen recordings are about “big mistakes.”&lt;/p&gt;

&lt;p&gt;In practice, it’s usually tiny UI details:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;autofill dropdowns&lt;/li&gt;
&lt;li&gt;internal URLs in tabs&lt;/li&gt;
&lt;li&gt;customer names in chat widgets&lt;/li&gt;
&lt;li&gt;calendar popups&lt;/li&gt;
&lt;li&gt;notification banners&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;And once a clip is shared, it spreads fast.&lt;/p&gt;

&lt;h2&gt;
  
  
  My 7-point pre-record checklist
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;Use a dedicated browser profile for demo recording.&lt;/li&gt;
&lt;li&gt;Turn on Focus / Do Not Disturb.&lt;/li&gt;
&lt;li&gt;Close chat, mail, and password manager popups.&lt;/li&gt;
&lt;li&gt;Test-click form inputs before recording.&lt;/li&gt;
&lt;li&gt;Hide bookmarks and tab titles if possible.&lt;/li&gt;
&lt;li&gt;Blur sensitive regions in advance.&lt;/li&gt;
&lt;li&gt;Rewatch the first 15 seconds before publishing.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Why this matters
&lt;/h2&gt;

&lt;p&gt;Most teams don’t leak data because of hacks.&lt;br&gt;
They leak because of workflow gaps.&lt;/p&gt;

&lt;p&gt;A small checklist prevents rework, legal stress, and trust damage.&lt;/p&gt;

&lt;h2&gt;
  
  
  What I use in step 6
&lt;/h2&gt;

&lt;p&gt;I built a lightweight Chrome extension called &lt;strong&gt;BlurMate&lt;/strong&gt; for exactly this use case.&lt;br&gt;
It lets you add a movable blur overlay on any area of a page while recording or presenting.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F262ixbz96rp4fbwjse3j.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F262ixbz96rp4fbwjse3j.gif" alt="BlurMate demo" width="760" height="427"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you publish demos, tutorials, onboarding videos, or support walkthroughs, this can help:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://blurmate.devstorex.top" rel="noopener noreferrer"&gt;https://blurmate.devstorex.top&lt;/a&gt;&lt;/p&gt;

</description>
      <category>saas</category>
    </item>
    <item>
      <title>How I blur sensitive UI before recording a SaaS demo (a simple Chrome workflow)</title>
      <dc:creator>gong junhao</dc:creator>
      <pubDate>Sat, 14 Feb 2026 03:24:33 +0000</pubDate>
      <link>https://dev.to/gong_junhao_db22d984253d7/how-i-blur-sensitive-ui-before-recording-a-saas-demo-a-simple-chrome-workflow-4d1g</link>
      <guid>https://dev.to/gong_junhao_db22d984253d7/how-i-blur-sensitive-ui-before-recording-a-saas-demo-a-simple-chrome-workflow-4d1g</guid>
      <description>&lt;p&gt;I nearly shipped a product demo recording that had a customer’s email address sitting in the UI.&lt;/p&gt;

&lt;p&gt;Not because I’m reckless. Because I was rushing, I had 10 tabs open, and “I’ll blur it later” felt easier than doing it right.&lt;/p&gt;

&lt;p&gt;Here’s the simple Chrome workflow I use now when I’m recording SaaS demos (Loom, Meet, OBS, whatever). It’s designed to prevent the common leaks: names, emails, IDs, internal URLs, and random notifications.&lt;/p&gt;

&lt;h2&gt;
  
  
  Step 1: Make the demo screen boring
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Use a dedicated Chrome profile for demos.&lt;/li&gt;
&lt;li&gt;Keep the bookmarks bar clean.&lt;/li&gt;
&lt;li&gt;Keep only the extensions you need.&lt;/li&gt;
&lt;li&gt;Pin only the tabs you will actually show.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;If you share your full desktop, you’re one notification away from an awkward moment. I prefer sharing a single window when possible.&lt;/p&gt;

&lt;h2&gt;
  
  
  Step 2: Kill notifications everywhere
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;OS Focus / Do Not Disturb.&lt;/li&gt;
&lt;li&gt;Slack/Teams/Discord DND.&lt;/li&gt;
&lt;li&gt;Browser extension popups.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This is the fastest “risk reduction per minute” step.&lt;/p&gt;

&lt;h2&gt;
  
  
  Step 3: Blur sensitive regions before you hit record
&lt;/h2&gt;

&lt;p&gt;Some sensitive info can’t be removed without breaking the flow (think: account dropdowns, invoices, user tables, admin pages).&lt;/p&gt;

&lt;p&gt;So I blur it &lt;em&gt;before&lt;/em&gt; recording. Not in post.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F262ixbz96rp4fbwjse3j.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F262ixbz96rp4fbwjse3j.gif" alt=" " width="760" height="427"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Step 4: Do a 5-second dry run
&lt;/h2&gt;

&lt;p&gt;Record 5 seconds, click through the first two screens, stop, rewatch.&lt;/p&gt;

&lt;p&gt;This catches the stuff you don’t notice while presenting: tab titles, autocomplete suggestions, recent files dialogs, and tiny popups.&lt;/p&gt;

&lt;h2&gt;
  
  
  A small tool that helped me
&lt;/h2&gt;

&lt;p&gt;I built a Chrome extension called &lt;strong&gt;BlurMate&lt;/strong&gt; to make the “blur first” step less error-prone. It lets you place blur overlays on top of the page (no upload required).&lt;/p&gt;

&lt;p&gt;Product site: &lt;a href="https://blurmate.devstorex.top" rel="noopener noreferrer"&gt;https://blurmate.devstorex.top&lt;/a&gt;&lt;/p&gt;

</description>
      <category>privacy</category>
      <category>saas</category>
      <category>productivity</category>
      <category>security</category>
    </item>
    <item>
      <title>A Pre-Recording Privacy Checklist for SaaS Demos (That Actually Works)</title>
      <dc:creator>gong junhao</dc:creator>
      <pubDate>Fri, 13 Feb 2026 00:48:08 +0000</pubDate>
      <link>https://dev.to/gong_junhao_db22d984253d7/a-pre-recording-privacy-checklist-for-saas-demos-that-actually-works-3p8k</link>
      <guid>https://dev.to/gong_junhao_db22d984253d7/a-pre-recording-privacy-checklist-for-saas-demos-that-actually-works-3p8k</guid>
      <description>&lt;p&gt;If you share your screen for demos or onboarding calls, privacy leaks usually come from workflow gaps, not security breaches.&lt;/p&gt;

&lt;p&gt;I used to rely on post-editing to blur sensitive details. It worked sometimes, but it was slow and stressful. One missed frame was enough to expose user data.&lt;/p&gt;

&lt;p&gt;Now I use a pre-recording workflow, and it has made demos safer and faster.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Checklist
&lt;/h2&gt;

&lt;h3&gt;
  
  
  1. Prepare demo-safe data first
&lt;/h3&gt;

&lt;p&gt;Use synthetic names, test emails, and non-real account identifiers before recording.&lt;/p&gt;

&lt;h3&gt;
  
  
  2. Mark high-risk fields
&lt;/h3&gt;

&lt;p&gt;Identify where sensitive data can appear:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;names&lt;/li&gt;
&lt;li&gt;email addresses&lt;/li&gt;
&lt;li&gt;phone numbers&lt;/li&gt;
&lt;li&gt;addresses&lt;/li&gt;
&lt;li&gt;account/order IDs&lt;/li&gt;
&lt;li&gt;payment-related values&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  3. Mask before recording
&lt;/h3&gt;

&lt;p&gt;Do not wait until editing. Pre-mask sensitive zones before hitting record.&lt;/p&gt;

&lt;h3&gt;
  
  
  4. Refresh and verify persistence
&lt;/h3&gt;

&lt;p&gt;Many apps rerender fields on refresh. Confirm your masking still holds after reload.&lt;/p&gt;

&lt;h3&gt;
  
  
  5. Run a 30-second dry run
&lt;/h3&gt;

&lt;p&gt;Quickly review the test clip. Catch sidebars, popups, autocomplete, and notification leaks early.&lt;/p&gt;

&lt;h3&gt;
  
  
  6. Record final only after checks pass
&lt;/h3&gt;

&lt;p&gt;This single habit dramatically reduces editing work and privacy risk.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why this approach works
&lt;/h2&gt;

&lt;p&gt;Most exposure incidents are tiny mistakes under time pressure. A repeatable process beats ad-hoc fixes every time.&lt;/p&gt;

&lt;p&gt;For small teams and solo founders, this also reduces stress before client-facing demos.&lt;/p&gt;

&lt;h2&gt;
  
  
  Optional tool support
&lt;/h2&gt;

&lt;p&gt;You can run this checklist manually, but browser-first masking tools make it much easier to stay consistent.&lt;/p&gt;

&lt;p&gt;Product website: &lt;a href="https://blurmate.devstorex.top" rel="noopener noreferrer"&gt;https://blurmate.devstorex.top&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you have your own no-leak workflow, I’d love to compare notes in the comments.&lt;/p&gt;

</description>
      <category>security</category>
    </item>
    <item>
      <title>The Hidden Privacy Risk in Every Screen Recording (And a Practical Fix)</title>
      <dc:creator>gong junhao</dc:creator>
      <pubDate>Thu, 12 Feb 2026 01:54:21 +0000</pubDate>
      <link>https://dev.to/gong_junhao_db22d984253d7/the-hidden-privacy-risk-in-every-screen-recording-and-a-practical-fix-2eo2</link>
      <guid>https://dev.to/gong_junhao_db22d984253d7/the-hidden-privacy-risk-in-every-screen-recording-and-a-practical-fix-2eo2</guid>
      <description>&lt;p&gt;If you share your screen for demos, tutorials, or client calls, you're one tab away from exposing personal or confidential data.&lt;/p&gt;

&lt;p&gt;Most people assume privacy leaks come from hacks. In reality, many leaks happen in normal workflows: screen sharing, quick recordings, and live demos where one field is forgotten.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why post-editing is not enough
&lt;/h2&gt;

&lt;p&gt;A common workflow is: record first, blur later.&lt;/p&gt;

&lt;p&gt;At scale, this breaks:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;It is slow and repetitive.&lt;/li&gt;
&lt;li&gt;Dynamic content is easy to miss.&lt;/li&gt;
&lt;li&gt;One missed frame can expose sensitive info.&lt;/li&gt;
&lt;li&gt;Team quality becomes inconsistent.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  A safer workflow: protect during capture
&lt;/h2&gt;

&lt;p&gt;A better approach is to protect data in the browser before and during recording.&lt;/p&gt;

&lt;p&gt;A simple repeatable flow:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Run a pre-record checklist.&lt;/li&gt;
&lt;li&gt;Detect likely sensitive fields.&lt;/li&gt;
&lt;li&gt;Blur them before recording starts.&lt;/li&gt;
&lt;li&gt;Verify persistence after refresh.&lt;/li&gt;
&lt;li&gt;Do a short dry run.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;This reduces editing time and lowers avoidable risk.&lt;/p&gt;

&lt;h2&gt;
  
  
  What should be treated as sensitive?
&lt;/h2&gt;

&lt;p&gt;Start with:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;full names&lt;/li&gt;
&lt;li&gt;email addresses&lt;/li&gt;
&lt;li&gt;phone numbers&lt;/li&gt;
&lt;li&gt;addresses&lt;/li&gt;
&lt;li&gt;account/order/reference IDs&lt;/li&gt;
&lt;li&gt;payment-related fields&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Even if one field looks harmless, combinations can identify real people.&lt;/p&gt;

&lt;h2&gt;
  
  
  Team best practices
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Use a shared safe-demo checklist.&lt;/li&gt;
&lt;li&gt;Keep a clean demo dataset.&lt;/li&gt;
&lt;li&gt;Define must-blur zones for recurring flows.&lt;/li&gt;
&lt;li&gt;Add privacy review to content QA.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Practical tooling
&lt;/h2&gt;

&lt;p&gt;I built BlurMate for this browser-first workflow, mainly for creators and SaaS teams that do frequent demos.&lt;/p&gt;

&lt;p&gt;Use cases:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;product walkthroughs&lt;/li&gt;
&lt;li&gt;onboarding recordings&lt;/li&gt;
&lt;li&gt;customer support demos&lt;/li&gt;
&lt;li&gt;live presentations&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;If you want to test this approach:&lt;br&gt;
&lt;a href="https://blurmate.devstorex.top" rel="noopener noreferrer"&gt;https://blurmate.devstorex.top&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The goal is simple: fewer privacy mistakes, less editing overhead, and more confidence when you hit Record.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>saas</category>
      <category>privacy</category>
      <category>productivity</category>
    </item>
  </channel>
</rss>
