<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
<channel>
<title>Coder Legion - Recent posts tagged typo3</title>
<link>https://coderlegion.com/tag/typo3</link>
<description>Powered by Question2Answer</description>
<item>
<title>I Built a Set of Free Web Tools While Working on Client Projects — Here They Are</title>
<link>https://coderlegion.com/27226/i-built-a-set-of-free-web-tools-while-working-on-client-projects-here-they-are</link>
<description>&lt;p&gt;As a designer/developer working across branding, TYPO3 builds, and client campaigns, I kept running into the same small, annoying tasks — checking contrast ratios, generating favicons in five formats, minifying a stylesheet before deploy. So over time I built myself a little toolbox to handle them. Sharing it here in case it saves someone else the same repeated Googling.&lt;/p&gt;
&lt;p&gt;Most of these came out of solving a problem once for a client and thinking &quot;I'll need this again.&quot; If you build Websites or juggle design + dev like I do, they're free to use: &lt;strong&gt;stefan-andres.at/tools.&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Design &amp;amp; Marketing&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Palette &amp;amp; Contrast Checker&lt;/strong&gt; — Upload a logo, extract the brand colors, check WCAG contrast, and export ready-to-use CSS variables.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Icon &amp;amp; Favicon Generator&lt;/strong&gt; — One upload, every format you need: favicon, iOS &amp;amp; Android app icons, social profile pictures.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Web Image Optimizer&lt;/strong&gt; — Compress images, convert to WebP/AVIF, and resize for web performance in one pass.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;SEO Check&lt;/strong&gt; — Drop in a page URL and get an instant on-page SEO check: title, meta description, headings, and alt texts.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;For Developers&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;CSS Minifier&lt;/strong&gt; — Paste or upload a stylesheet, strip whitespace and redundancy, download the compressed file.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;JS Minifier&lt;/strong&gt; — Paste or upload a script, compress and mangle it safely, download the smaller file.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;SVG Optimizer&lt;/strong&gt; — Paste or upload an SVG, strip unnecessary code, download the smaller file.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;CSS Clamp() Calculator&lt;/strong&gt; — Enter a min and max size, get a ready-to-use clamp() formula for fluid typography.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;JSON Formatter &amp;amp; Validator&lt;/strong&gt; — Paste or upload JSON, catch syntax errors down to the exact line and column, copy it cleanly formatted.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;TYPO3 Fluid ViewHelper Generator&lt;/strong&gt; — Generate custom ViewHelpers, TCA fields &amp;amp; FlexForms, and test Fluid templates live.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;For Clients / Agency Work&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Client Briefing &amp;amp; Scope Generator&lt;/strong&gt; — Capture background, target audience and scope, then auto-generate a brief, sign-off email and quote block, exportable as PDF.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Curious what small tools others here have built for their own workflow — always looking to add more to the pile.&lt;/p&gt;
</description>
<category>Articles</category>
<guid isPermaLink="true">https://coderlegion.com/27226/i-built-a-set-of-free-web-tools-while-working-on-client-projects-here-they-are</guid>
<pubDate>Tue, 15 Sep 2026 07:20:18 +0000</pubDate>
</item>
</channel>
</rss>