<?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: Mecso</title>
    <description>The latest articles on DEV Community by Mecso (@mecso).</description>
    <link>https://dev.to/mecso</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%2F3876092%2Fc908afb3-75c7-4727-a348-0d0aca046416.jpg</url>
      <title>DEV Community: Mecso</title>
      <link>https://dev.to/mecso</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/mecso"/>
    <language>en</language>
    <item>
      <title>I Built 30+ Free Web Tools with Zero Server Uploads (100% Client-Side)</title>
      <dc:creator>Mecso</dc:creator>
      <pubDate>Sun, 23 Aug 2026 16:40:29 +0000</pubDate>
      <link>https://dev.to/mecso/i-built-30-free-web-tools-with-zero-server-uploads-100-client-side-46pg</link>
      <guid>https://dev.to/mecso/i-built-30-free-web-tools-with-zero-server-uploads-100-client-side-46pg</guid>
      <description>&lt;p&gt;Most online utility sites (PDF converters, image optimizers, file format converters) force you to do two things I really dislike:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Upload private documents&lt;/strong&gt; (contracts, invoices, ID cards, tax receipts) to unknown third-party cloud servers.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Hit a paywall or forced registration&lt;/strong&gt; after just 2 basic conversions.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;So I decided to build &lt;strong&gt;&lt;a href="https://getminitools.com" rel="noopener noreferrer"&gt;MiniTools&lt;/a&gt;&lt;/strong&gt; (&lt;a href="https://getminitools.com" rel="noopener noreferrer"&gt;https://getminitools.com&lt;/a&gt;) — a suite of 30+ web tools designed with a strict &lt;strong&gt;Zero-Server Client-Side architecture&lt;/strong&gt;.&lt;/p&gt;




&lt;h2&gt;
  
  
  🔒 How it Works Under the Hood
&lt;/h2&gt;

&lt;p&gt;Instead of sending your files across the internet to a backend worker, MiniTools performs every operation directly inside your browser memory:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;PDF Manipulation&lt;/strong&gt;: Merging, splitting, rotating, and compressing PDF files runs locally using &lt;code&gt;pdf-lib&lt;/code&gt; and modern WebAssembly.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Image Optimization&lt;/strong&gt;: Binary-search canvas compression algorithms that reduce photos to exact file size limits (e.g. strict &lt;strong&gt;30KB / 50KB limits&lt;/strong&gt; required for government and visa portals).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Fast Format Converters&lt;/strong&gt;: HEIC to JPG, WebP to PNG/JPG, PNG to JPG without touching a server.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Business &amp;amp; Math Calculators&lt;/strong&gt;: Multi-country VAT/Tax breakdown, business days counter (excluding weekends), rule of three proportions, and percentage calculators.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;PWA &amp;amp; Offline Ready&lt;/strong&gt;: Service worker caching ensures that once loaded, you can use these tools even on an airplane with zero internet connection.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🛠️ The Tool Suite
&lt;/h2&gt;

&lt;p&gt;You can explore the full collection here: &lt;strong&gt;&lt;a href="https://getminitools.com" rel="noopener noreferrer"&gt;https://getminitools.com&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;📄 &lt;strong&gt;PDF Suite&lt;/strong&gt;: Merge PDF, Compress PDF, Split PDF, Rotate PDF, PDF to Word (.docx), PDF to JPG.&lt;/li&gt;
&lt;li&gt;🖼️ &lt;strong&gt;Image Suite&lt;/strong&gt;: Image Compressor, Compress to 20KB/30KB/50KB, Circular Avatar Crop, Image Resizer, HEIC to JPG, WebP Converter.&lt;/li&gt;
&lt;li&gt;🔢 &lt;strong&gt;Calculators&lt;/strong&gt;: VAT/Tax Calculator, Working Days Calculator, Rule of Three, Percentage &amp;amp; Discount Calculators, Age Calculator, Currency Converter.&lt;/li&gt;
&lt;li&gt;🛠️ &lt;strong&gt;Dev Utilities&lt;/strong&gt;: Text Diff Checker, JSON Formatter, Base64 Encoder/Decoder, Unix Timestamp, Password Generator, QR Code Generator.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🌍 Multilingual &amp;amp; Open
&lt;/h2&gt;

&lt;p&gt;The platform is fully translated and accessible in 6 languages (&lt;strong&gt;English, Spanish, Portuguese, French, German, and Italian&lt;/strong&gt;).&lt;/p&gt;

&lt;p&gt;Check out the live website: &lt;strong&gt;&lt;a href="https://getminitools.com" rel="noopener noreferrer"&gt;getminitools.com&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
GitHub repository: &lt;strong&gt;&lt;a href="https://github.com/Mecsocse/getminitools" rel="noopener noreferrer"&gt;github.com/Mecsocse/getminitools&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;I’d love to hear your feedback, bug reports, and suggestions for new tools to add! 🚀&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>opensource</category>
      <category>privacy</category>
    </item>
    <item>
      <title>How I built a Premium ROI Calculator with Pure HTML/CSS/JS (No Frameworks)</title>
      <dc:creator>Mecso</dc:creator>
      <pubDate>Mon, 13 Apr 2026 07:16:29 +0000</pubDate>
      <link>https://dev.to/mecso/how-i-built-a-premium-roi-calculator-with-pure-htmlcssjs-no-frameworks-2ejf</link>
      <guid>https://dev.to/mecso/how-i-built-a-premium-roi-calculator-with-pure-htmlcssjs-no-frameworks-2ejf</guid>
      <description>&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%2F12fucpdlycsvgu74whf8.png" 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%2F12fucpdlycsvgu74whf8.png" alt=" " width="800" height="518"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Working with agencies, I noticed they all have the same problem: explaining ROI to clients is hard. Most calculators out there are either ugly or require heavy plugins.&lt;/p&gt;

&lt;p&gt;I decided to build a minimalist, high-converting ROI Calculator using only Vanilla web tech. No React, no jQuery, just clean code.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;The Tech Behind It&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Vanilla JS: Handles the logic for the 4 sliders (Ad Spend, CPC, Conversion, and Sale Value).&lt;/li&gt;
&lt;li&gt;CSS Variables: To make the UI easy to customize.&lt;/li&gt;
&lt;li&gt;Responsive Design: It works perfectly on mobile and desktop.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Why Vanilla?&lt;/strong&gt;&lt;br&gt;
Performance is key for landing pages. This widget loads instantly and doesn't bloat your site. It’s a single file you can drop into any project.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Want the source code?&lt;/strong&gt;&lt;br&gt;
I've spent hours polishing the UI and commenting the code so anyone can use it. If you want to save yourself the dev time and add this to your client sites today, you can grab the full source code here:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Get the ROI Calculator on Gumroad:&lt;/strong&gt;&lt;br&gt;
&lt;a href="https://albertpuig.gumroad.com/l/vumuqb" rel="noopener noreferrer"&gt;https://albertpuig.gumroad.com/l/vumuqb&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I’m curious —do you use calculators on your landing pages to boost conversion? Let me know in the comments!&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>ai</category>
      <category>marketing</category>
      <category>javascript</category>
    </item>
  </channel>
</rss>
