<?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: cde-yang</title>
    <description>The latest articles on DEV Community by cde-yang (@cde-yang).</description>
    <link>https://dev.to/cde-yang</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%2F4028765%2Fa7a61c59-a614-43c8-9619-35e3489abbb3.png</url>
      <title>DEV Community: cde-yang</title>
      <link>https://dev.to/cde-yang</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/cde-yang"/>
    <language>en</language>
    <item>
      <title>I Built a Free TBH: Task Bar Hero Gear Calculator — Compare 1,375 Weapons &amp; Armor Instantly</title>
      <dc:creator>cde-yang</dc:creator>
      <pubDate>Sun, 19 Jul 2026 08:34:46 +0000</pubDate>
      <link>https://dev.to/cde-yang/i-built-a-free-tbh-task-bar-hero-gear-calculator-compare-1375-weapons-armor-instantly-41do</link>
      <guid>https://dev.to/cde-yang/i-built-a-free-tbh-task-bar-hero-gear-calculator-compare-1375-weapons-armor-instantly-41do</guid>
      <description>&lt;p&gt;If you've played TBH: Task Bar Hero for more than 20 minutes, you've hit this problem: you have two chest pieces in your inventory, one has higher level requirement, the other has better stats — which one actually gives you more DPS?&lt;/p&gt;

&lt;p&gt;The in-game tooltips don't tell you. So I built a calculator.&lt;/p&gt;

&lt;p&gt;🔗 &lt;a href="https://taskbarherocalculator.com" rel="noopener noreferrer"&gt;taskbarherocalculator.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;It's a free web tool that lets you mix and match any gear combination from the TBH item database, then calculates your real DPS output instantly.&lt;/p&gt;

&lt;h2&gt;
  
  
  What It Does
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;1,375 items&lt;/strong&gt; in the database — weapons, shields, armor, helmets, accessories&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Real-time DPS simulation&lt;/strong&gt; using the actual game damage formula&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Side-by-side comparison&lt;/strong&gt; — equip one setup as "Snapshot A", swap gear, see the exact DPS difference (green ⬆ / red ⬇)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Share builds via URL&lt;/strong&gt; — send your setup to friends on Discord or Reddit&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Best-in-slot finder&lt;/strong&gt; — filter by level and slot to find optimal gear&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  The Damage Formula
&lt;/h2&gt;

&lt;p&gt;After digging through community data and testing, here's the formula the calculator uses:&lt;/p&gt;

&lt;p&gt;DPS = Attack Speed × Base Damage × (1 + Crit Chance × (Crit Multiplier − 1))&lt;/p&gt;

&lt;p&gt;With stat modifiers:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Each point of &lt;strong&gt;Strength&lt;/strong&gt; adds ~0.5% base damage&lt;/li&gt;
&lt;li&gt;Each point of &lt;strong&gt;Intelligence&lt;/strong&gt; adds ~0.2% attack speed&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Crit Chance&lt;/strong&gt; and &lt;strong&gt;Crit Damage&lt;/strong&gt; multiply your expected damage&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The calculator accounts for all of this automatically — pick your gear, set your level, hit Calculate.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why I Built It
&lt;/h2&gt;

&lt;p&gt;I got tired of doing napkin math every time I found a new item. The TBH community has done amazing work documenting items and builds (shoutout to probonk and the wiki contributors), but there wasn't a quick way to compare two pieces of gear side-by-side.&lt;/p&gt;

&lt;p&gt;This tool fills that gap. It's not a wiki, not a tier list — it's a pure numbers tool for min-maxing your build.&lt;/p&gt;

&lt;h2&gt;
  
  
  What's Next
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;More item data (community submissions welcome)&lt;/li&gt;
&lt;li&gt;Rune and skill DPS integration&lt;/li&gt;
&lt;li&gt;Mobile layout improvements&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;If you play TBH, give it a try at &lt;a href="https://taskbarherocalculator.com" rel="noopener noreferrer"&gt;taskbarherocalculator.com&lt;/a&gt; — would love to hear feedback in the comments.&lt;/p&gt;

</description>
      <category>gamedev</category>
      <category>showdev</category>
      <category>sideprojects</category>
      <category>webdev</category>
    </item>
    <item>
      <title>I built a free invoice generator because every other tool has a catch #webdev#javascript#freelancers#tutorial</title>
      <dc:creator>cde-yang</dc:creator>
      <pubDate>Wed, 15 Jul 2026 03:00:31 +0000</pubDate>
      <link>https://dev.to/cde-yang/i-built-a-free-invoice-generator-because-every-other-tool-has-a-catch-50g</link>
      <guid>https://dev.to/cde-yang/i-built-a-free-invoice-generator-because-every-other-tool-has-a-catch-50g</guid>
      <description>&lt;p&gt;As a freelancer, I've tried dozens of free invoice generators. Every single one had a catch:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Watermarks&lt;/strong&gt; on the PDF unless you pay&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;"Free" = 3 invoices&lt;/strong&gt;, then a paywall pops up&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Forced signup&lt;/strong&gt; just to download a PDF you just created&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Ugly templates&lt;/strong&gt; that look nothing like the screenshots&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;So I built &lt;a href="https://www.invoicelark.com" rel="noopener noreferrer"&gt;InvoiceLark&lt;/a&gt; — a completely free, no-signup invoice generator.&lt;/p&gt;

&lt;h2&gt;
  
  
  What it does
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Truly free&lt;/strong&gt; — no signup, no watermark, no invoice limits&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;No logo? Auto-generate one&lt;/strong&gt; — type your business name and it creates a letter-badge logo instantly&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;6 templates&lt;/strong&gt; (Modern, Classic, Minimal, Compact, Bold, Clean) and 6 currencies&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Built-in hourly rate calculator&lt;/strong&gt; — handy for freelancers who bill by the hour&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Payment QR codes&lt;/strong&gt; — add a PayPal link and a scannable QR code prints on the PDF&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Save clients &amp;amp; items&lt;/strong&gt; — local storage, no data ever uploaded&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;JSON/CSV export&lt;/strong&gt; — your data is yours, always&lt;/li&gt;
&lt;/ul&gt;

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

&lt;p&gt;I got tired of invoice tools that feel like they're designed to trap you into a subscription. It's a form + a PDF generator — it shouldn't need a backend or a login.&lt;/p&gt;

&lt;p&gt;Everything runs in the browser. No server, no database, your invoice data stays on your device.&lt;/p&gt;

&lt;h2&gt;
  
  
  What I learned
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Free tools can be genuinely good.&lt;/strong&gt; You don't need Stripe integration or a SaaS backend if your goal is simple: fill form, download PDF, done.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;The "no logo" problem.&lt;/strong&gt; Most invoice generators assume you have a logo file ready. A lot of freelancers don't. Auto-generating one was the most appreciated feature.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Built with vanilla JS and a lot of coffee. Would love your feedback! What features would make invoicing suck less for you?&lt;/p&gt;

</description>
      <category>freelance</category>
      <category>productivity</category>
      <category>showdev</category>
      <category>sideprojects</category>
    </item>
  </channel>
</rss>
