Writing & Thoughts

Sep 18, 20266 min read

Building Responsive Heatmaps Without Horizontal Scroll in Next.js

A deep dive into container queries, flexbox scaling, and typographic positioning to eliminate awkward mobile scrollbars in contribution graphs.

ReactCSSUI/UX

Aug 29, 20264 min read

Why combining high-contrast editorial serif headings with neutral sans-serif body copy creates an artisan, bespoke developer aesthetic.

DesignTypographyCSS

Jul 14, 20268 min read

Moving beyond simple color inversion to establish harmonious zinc ramps, subtle borders, and accessible contrast ratios across light and dark states.

TailwindCSSAccessibility

May 22, 20265 min read

Implementing tactile hover states, spring-loaded scales, and fluid transitions without bloating the client bundle or triggering costly re-renders.

ReactPerformanceFrontend

Mar 10, 20267 min read

How to implement client-side encryption using the WebCrypto API so server databases never see plaintext user data.

SecurityWebCryptoTypeScript