The latest articles on DEV Community by Roman Serenko (@mongrus). https://dev.to/mongrus 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%2F3974615%2F58bf7d7d-b5ed-4d51-aff2-0caf78fba728.jpeg https://dev.to/mongrus en Roman Serenko Mon, 08 Jun 2026 17:50:47 +0000 https://dev.to/mongrus/after-5-years-of-full-stack-dev-i-built-a-responsive-preview-tool-that-couldve-helped-me-at-work-1bp7 https://dev.to/mongrus/after-5-years-of-full-stack-dev-i-built-a-responsive-preview-tool-that-couldve-helped-me-at-work-1bp7 <p>I've been a full-stack web developer for 5+ years, both freelance and in-house. The whole time, one thing kept bugging me: checking the mobile/responsive layout — and especially <em>showing it to a client</em>. I always wanted a clean way to present it, ideally as a single video where both the desktop and the mobile version look good together.</p> <p>About six months ago I finally sat down, sketched out the extension I wished existed, recently built it, and just put out a first version a few days ago. It's free.</p> <h2> What it does </h2> <p>It drops a real device frame on top of your live page, so you see the desktop and the mobile-adaptive layout <strong>at the same time, on one screen</strong>. The main things, all because I personally wanted them:</p> <ul> <li> <strong>Synced scrolling, clicks and typing</strong> between the two views — interact with one, the other follows</li> <li> <strong>Focus mode</strong> to hide everything but the device</li> <li> <strong>Screenshots</strong> and <strong>local screen recording (mp4/webm)</strong> — so you can send a client one clean clip of "here's your site on both"</li> <li> <strong>Settings saved across tabs</strong>, keyboard shortcuts</li> <li>Fully <strong>local</strong> — no accounts, no tracking, nothing leaves the browser</li> </ul> <blockquote> <p>Heads-up about the video below: it's the promo clip I made for the Chrome Web Store, so it's a little salesy. It's the only video I have right now, but it runs through most of the features quickly, so it's better than nothing for showing what it actually does.</p> </blockquote> <p> <iframe src="https://www.youtube.com/embed/6LZ3QzOL7M0"> </iframe> </p> <h2> Who it might help </h2> <ul> <li>Developers and designers checking responsive work</li> <li>Freelancers and agencies presenting to clients (one nice video of both views)</li> <li>People teaching web dev online — showing both layouts live on one screen</li> </ul> <h2> What I'd love your feedback on </h2> <p>I'd genuinely rather hear it from you than guess:</p> <ul> <li>What's missing? What would make this a daily tool for you?</li> <li>What features would you want as I keep building and scaling it?</li> <li>And don't hold back the criticism — if you think it's pointless, tell me. If the idea has legs, that's what keeps me going.</li> </ul> <p>I won't pretend otherwise — I'd be glad if it clicks for some of you and you keep using it. But the main ask here is the feedback. I'll do my best to listen to everyone and ship updates as often as I can. If you spot any bugs on your OS or browser version, let me know too.</p> <h2> Try it </h2> <p>It's free and works on any site: <strong><a href="https://mobileview.app" rel="noopener noreferrer">https://mobileview.app</a></strong><br> Chrome Web Store: <a href="https://chromewebstore.google.com/detail/hocbjiaeeijekejepphjihbpogikmofh" rel="noopener noreferrer">https://chromewebstore.google.com/detail/hocbjiaeeijekejepphjihbpogikmofh</a></p> <p>Thanks for reading.</p> webdev productivity showdev frontend