These are opinions, not rules, from someone still working on their own portfolio. Take what's useful and ignore the rest. I'll share what I've aimed for on my own site, what I think a visitor actually needs, and a simple…
Show a selected image’s filename literally beside its preview. Angle brackets and ampersands in that name should appear as characters on the page. Read file.name from the selected File object, create a separate span for the label, and assign…
I built an OG image generator API because every agent that publishes links eventually needs a... Tagged with api, imagegeneration, designconstraints, ai. I built an OG image generator API because every agent that publishes links eventually needs a 1200x630 social card, and…
Yet, for our platform, the standard Silicon Valley optimization playbook was completely off the table: Here is the exact engineering breakdown of how we overhauled our rendering pipeline, transformed our CSS containment model, and pushed our mobile scores to 98/100 on…
Most "draw a card" UIs are a button and a result. That works, but it skips the part people actually enjoy: the little ritual of shuffling, choosing and turning a card over. I wanted that ritual on the web without…
When I'm designing for multiple devices, the part that slows me down most is the boring arithmetic: is a 6.1" phone really smaller than a 6.7" one? How much narrower is a 13" laptop than a 15.6" one? How do pixel densities compare once…
Most layout bugs are not bugs. They're mismatches between the viewport we designed on and the viewport someone else is using. Here's the thing that trips people up: a phone can report a 412 CSS-pixel-wide screen while being physically half the…
The modern web is confronting an architectural breaking point. For over two decades, front-end software engineering has been anchored to an incremental paradigm: human developers manualizing component state machines, styling with declarative cascades (CSS/Tailwind), and battling the browser's single-threaded…
For decades, web developers have complained about the lack of native, zero-dependency browser partials and serverless includes. We were told we needed heavy third-party framework compilation layers just to slice code layout efficiently. We were told wrong. The Remote Module…
Images are usually the heaviest thing on a web page, and they're often the Largest Contentful Paint element too, which means they directly affect how fast your page feels and how it scores in Core Web Vitals. The fix isn't…
Frameworks, SSR/SSG, CSS, design systems, accessibility, and performance budgets.
An article joins this feed when it matches these terms. Each one is also a search of its own.