Digital home and portfolio of Abdlmu'tii, a developer who letters. @ mutii.mehttps://mutii.me/enhttps://mutii.me/blog/uh-a-blog/https://mutii.me/blog/uh-a-blog/StuffWed, 28 Oct 2026 00:00:00 GMT<p><strong>LMAO</strong></p> engineeringhttps://mutii.me/blog/kashida-layout/https://mutii.me/blog/kashida-layout/What stretching letters taught me about flexible UI.Mon, 12 Oct 2026 00:00:00 GMT<h2 id="the-stretch">The stretch</h2> <p>Arabic scribes justify a line by lengthening the connecting stroke between letters — the kashida — instead of widening the gaps between words. The text stays whole; one stroke absorbs the slack.</p> <aside class="hashiya">Browsers can do this too: `text-justify: inter-character` gets close for Arabic.</aside> <h2 id="in-css">In CSS</h2> <p>A flex row with one <code>flex: 1</code> child behaves the same way: everything keeps its size and a single element soaks up the space.</p> <pre class="astro-code github-dark" style="background-color:#24292e;color:#e1e4e8; overflow-x: auto;" tabindex="0" data-language="css"><code><span class="line"><span style="color:#B392F0">.row</span><span style="color:#E1E4E8"> { </span><span style="color:#79B8FF">display</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">flex</span><span style="color:#E1E4E8">; }</span></span> <span class="line"><span style="color:#B392F0">.row</span><span style="color:#B392F0"> .kashida</span><span style="color:#E1E4E8"> { </span><span style="color:#79B8FF">flex</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">1</span><span style="color:#E1E4E8">; }</span></span></code></pre> <p>Write the rest of the post here.</p> designbrandingbusinesshttps://mutii.me/blog/realtime-rooms/https://mutii.me/blog/realtime-rooms/Notes from building rooms on Supabase.Thu, 20 Aug 2026 00:00:00 GMT<h2 id="why-not-run-my-own">Why not run my own</h2> <p>Write about the trade-off here.</p> <aside class="hashiya">Presence and broadcast cover most "rooms" use cases.</aside> <pre class="astro-code github-dark" style="background-color:#24292e;color:#e1e4e8; overflow-x: auto;" tabindex="0" data-language="ts"><code><span class="line"><span style="color:#F97583">const</span><span style="color:#79B8FF"> room</span><span style="color:#F97583"> =</span><span style="color:#E1E4E8"> supabase.</span><span style="color:#B392F0">channel</span><span style="color:#E1E4E8">(</span><span style="color:#9ECBFF">'room-42'</span><span style="color:#E1E4E8">);</span></span> <span class="line"><span style="color:#E1E4E8">room.</span><span style="color:#B392F0">on</span><span style="color:#E1E4E8">(</span><span style="color:#9ECBFF">'broadcast'</span><span style="color:#E1E4E8">, { event: </span><span style="color:#9ECBFF">'move'</span><span style="color:#E1E4E8"> }, apply).</span><span style="color:#B392F0">subscribe</span><span style="color:#E1E4E8">();</span></span></code></pre> <p>Write the rest of the post here.</p> backendengineeringcodehttps://mutii.me/blog/bidi-design/https://mutii.me/blog/bidi-design/Mixing Arabic and English without breaking anything.Sun, 03 May 2026 00:00:00 GMT<h2 id="two-directions-one-page">Two directions, one page</h2> <p>Write about mixing scripts here.</p> <aside class="hashiya">`dir="auto"` on user-generated text saves a lot of pain.</aside> <p>Write the rest of the post here.</p> opinionspersona