Generative offset path with Motion

Quick question — what’s the best framework for building CLI tools with Node/Bun? I’ve had a great experience with Cliffy — the easy REPL and the built-in prompt/command UX are great — but I’m not sure I want to stick with Deno deno.land/x/cliffy

A custom form submition animation for the recent project

Blender to Figma pipeline

Some notes on how LLMs and AI agents changed the way I code — I research much more than before; orders of magnitude more — Actual code writing takes maybe ~15% of the time; most goes into UX, data flow, and architecture thinking — Prototyping with AI became my main way of

Your daily reminder to stay aware of how your app fetches and ships data Exceptional quality of the article, btw

whaaaaat? 🤯

80% of my coding agent usage goes into unraveling data flows and architecture

Do OSS

Inline status handling is better UX because it continuously communicates state Also, most of the messaging is just success/error signals showing if client and server are in sync or not → In most cases, UI shape alone is enough to communicate that

A hover micro-interaction Keep the whole component shifting hue together — background, border, text, shadow That’s how real objects change color in light, and this makes the animation feel coherent When the background warms up but the text and decoration stay neutral, you get

When animating transitions between distant colors, like yellow and cyan, always use OKLAB Cylindrical projections like OKLCH and HSL sweep through every intermediate color, which looks unnatural OKLAB uses Cartesian coordinates, so the shortest path between two distant colors

if you need to build an extremely performant and beautiful website with great user experience, and you need it to be built fast — — I am open for projects as a developer+designer combo: 4+ years of dev experience, 8 years in UX. Highly autonomous, can build end-to-end

Worth checking

Glass Button progress Normally you’d need 3D in JS for this, but this is pure CSS. The trick is understanding the material’s physics, how the 2D projection changes on rotation, and then recreating it Made with mask() and transform() Next step is proper reflections and edge

If you’re doing frontend, you have to read this

A quick Tufte-style chart exploration

Fighting for <2s LCP on Slow-4G throttling Currently at 2.3s (~top 5% of all websites) Chapter: Font optimization → I use the gorgeous Iosevka quasi-proportional sans-serif Default hinted TTF → 2.2 MB Strip OpenType hintage → 1.4 MB Strip non-Latin chars subsets → 23 KB

A bit more chart explorations

Ryo Lu “Printing demands a humility of mind”, The Crystal Goblet, Beatrice Warde I feel like this almost 100-year-old essay is still valid A working instrument doesn’t need ornamentation. It can have it, but never where ornament blurs function The clarity and elegance of a wine glass