“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 come from the pure utility of its parts. So, the elegance of the Aqua style comes from a pure need for night contrast, solved beautifully Nowadays, with all these brilliant technologies—WebGL, 3D, animation—we risk becoming like the poor glassmaker who hides the natural color of the wine behind tinted glass readings.design/PDF/The Cr…

A bit more chart explorations

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 Compress with WOFF2→ 10 KB (!) The font loading time is ~220 ms, which is practically non-existed

A quick Tufte-style chart exploration

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

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 highlighting

Worth checking

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 TypeScript, React, Next.js applications websites, CMS integration (Sanity), Shopify, AI SDK, motion and 3D in web We'll get along if you care about experience, performance, and beauty My rates: daily — $400/day per project — from $3,500 subscription — from $2,000/month Open to full-time offers if there is a strong fit → DM or f@fedor.studio fedor.studio If you are not looking for help, → 🔃 Repost or 👍 Like to spread the word

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 passes through a neutral gray region, which feels natural and coherent Powered by a custom OKLCH interpolation function

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 a temperature mismatch that feels off Powered by a custom OKLCH interpolation function

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

Do OSS

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

whaaaaat? 🤯

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

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 learning; it’s faster to break a simple prototype than to dwell in codebases and docs

Blender to Figma pipeline

A custom form submition animation for the recent project

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

Generative offset path with @motiondotdev