https://squareuncle.com/en/tags/hand-rolled/ Recent content in Hand-Rolled on Square Uncle Hugo -- 0.147.7 en Fri, 20 Mar 2026 16:10:00 +0800 https://squareuncle.com/en/posts/2026-03-20-hand-rolled-concentration-tool/ Fri, 20 Mar 2026 16:10:00 +0800 https://squareuncle.com/en/posts/2026-03-20-hand-rolled-concentration-tool/ <blockquote> <p>[!NOTE] <strong>The Origin</strong>: To help my son enter a deep state of focus during study sessions, I &ldquo;hand-rolled&rdquo; a lightweight &ldquo;Concentration Tool&rdquo; using pure HTML. No heavy frameworks, just three raw, direct modules.</p></blockquote> <p>In this post, I&rsquo;ll share the design logic behind this tool. You can experience it directly by clicking <a href="https://squareuncle.com/worksheets/focus-toolkit.html"><strong>Concentration Tool</strong></a> in the navigation bar.</p> <h3 id="1-why-hand-roll">1. Why &ldquo;Hand-roll&rdquo;?</h3> <p>There are countless focus apps out there, but they often:</p>