<?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: Carlos D Moron</title>
    <description>The latest articles on DEV Community by Carlos D Moron (@carlos_dmoronc).</description>
    <link>https://dev.to/carlos_dmoronc</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.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4152570%2F876fd5d9-e7aa-4ab4-850e-91b5b3f949c4.jpg</url>
      <title>DEV Community: Carlos D Moron</title>
      <link>https://dev.to/carlos_dmoronc</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/carlos_dmoronc"/>
    <language>en</language>
    <item>
      <title>I Built a Chrome Extension That Automatically Zooms Into Your Screen Recordings</title>
      <dc:creator>Carlos D Moron</dc:creator>
      <pubDate>Wed, 30 Sep 2026 15:16:33 +0000</pubDate>
      <link>https://dev.to/carlos_dmoronc/i-built-a-chrome-extension-that-automatically-zooms-into-your-screen-recordings-1a2l</link>
      <guid>https://dev.to/carlos_dmoronc/i-built-a-chrome-extension-that-automatically-zooms-into-your-screen-recordings-1a2l</guid>
      <description>&lt;h1&gt;
  
  
  I Built a Chrome Extension That Automatically Zooms Into Your Screen Recordings
&lt;/h1&gt;

&lt;p&gt;While building and documenting my own software, I kept running into a problem:&lt;/p&gt;

&lt;p&gt;I wanted to create software tutorials and product demos without spending a lot of time editing the recording afterward.&lt;/p&gt;

&lt;p&gt;I specifically wanted the recording to automatically zoom toward the things I was clicking.&lt;/p&gt;

&lt;p&gt;For example:&lt;/p&gt;

&lt;p&gt;I click a button → the recording zooms toward it.&lt;/p&gt;

&lt;p&gt;I move to another part of the application → the framing follows me.&lt;/p&gt;

&lt;p&gt;I click something important → the click can be highlighted.&lt;/p&gt;

&lt;p&gt;Most screen recording tools can record your screen, but I wanted something that would make the recording feel more like a manually edited tutorial without actually having to edit every zoom.&lt;/p&gt;

&lt;p&gt;I tried several tools, including Loom, but I couldn't find exactly what I was looking for.&lt;/p&gt;

&lt;p&gt;So I built it.&lt;/p&gt;

&lt;p&gt;Meet Screen Mouse Recorder&lt;/p&gt;

&lt;p&gt;Screen Mouse Recorder is a Chrome extension for creating software tutorials, SaaS demos, product walkthroughs and customer support videos.&lt;/p&gt;

&lt;p&gt;The main idea is simple:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Record → interact with your software → automatic zoom and cursor effects → finished recording.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Some of the features I'm working with:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Automatic zoom toward clicks&lt;/li&gt;
&lt;li&gt;Cursor highlighting&lt;/li&gt;
&lt;li&gt;Click effects&lt;/li&gt;
&lt;li&gt;Smart framing&lt;/li&gt;
&lt;li&gt;Camera overlay&lt;/li&gt;
&lt;li&gt;Microphone/device selection&lt;/li&gt;
&lt;li&gt;Screen, window and tab recording&lt;/li&gt;
&lt;li&gt;Pause and resume recording&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The feature that started the project was &lt;strong&gt;Autozoom&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;I wanted to avoid having to open a video editor every time I wanted to make a simple tutorial.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why I built it
&lt;/h2&gt;

&lt;p&gt;I build software and frequently need to explain how something works.&lt;/p&gt;

&lt;p&gt;A typical workflow was:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Record the screen&lt;/li&gt;
&lt;li&gt;Open a video editor&lt;/li&gt;
&lt;li&gt;Find every important click&lt;/li&gt;
&lt;li&gt;Add zooms&lt;/li&gt;
&lt;li&gt;Adjust the framing&lt;/li&gt;
&lt;li&gt;Export the video&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;For a 30-second explanation, that felt like too much work.&lt;/p&gt;

&lt;p&gt;I wanted to see if the recording itself could handle some of that automatically.&lt;/p&gt;

&lt;p&gt;That's what led me to build Screen Mouse Recorder.&lt;/p&gt;

&lt;p&gt;I'm still early&lt;/p&gt;

&lt;p&gt;This is a new product, so I'm still experimenting with the experience and figuring out what works and what doesn't.&lt;/p&gt;

&lt;p&gt;I'm particularly interested in feedback from developers who create:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;SaaS demos&lt;/li&gt;
&lt;li&gt;Product tutorials&lt;/li&gt;
&lt;li&gt;Documentation videos&lt;/li&gt;
&lt;li&gt;Client walkthroughs&lt;/li&gt;
&lt;li&gt;Technical tutorials&lt;/li&gt;
&lt;li&gt;Customer support videos&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Does automatic zoom actually save you time when recording tutorials?&lt;/p&gt;

&lt;p&gt;And if you've tried other tools for this, what do you wish they did better?&lt;/p&gt;

&lt;p&gt;You can try Screen Mouse Recorder here:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://chromewebstore.google.com/detail/ldenfjhiiedcdbofkapllglgokegohng?utm_source=item-share-cb" rel="noopener noreferrer"&gt;https://chromewebstore.google.com/detail/ldenfjhiiedcdbofkapllglgokegohng?utm_source=item-share-cb&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I'd love to hear how other developers currently create their software demos and tutorials.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>showdev</category>
      <category>chromeextension</category>
    </item>
  </channel>
</rss>
