Fedor (@fedorivanenko_) 's Twitter Profile
Fedor

@fedorivanenko_

Developer ◆ Designer ◆ Storyteller ◆ Husband

Building websites for design studios github.com/fedorivanenko
Building a positioning studio with my wife

ID: 1169220224446582784

calendar_today04-09-2019 12:06:47

98 Tweet

38 Followers

655 Following

Fedor (@fedorivanenko_) 's Twitter Profile Photo

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

Fedor (@fedorivanenko_) 's Twitter Profile Photo

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

Fedor (@fedorivanenko_) 's Twitter Profile Photo

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

Fedor (@fedorivanenko_) 's Twitter Profile Photo

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

Fedor (@fedorivanenko_) 's Twitter Profile Photo

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

Fedor (@fedorivanenko_) 's Twitter Profile Photo

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

Fedor (@fedorivanenko_) 's Twitter Profile Photo

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

Fedor (@fedorivanenko_) 's Twitter Profile Photo

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

Fedor (@fedorivanenko_) 's Twitter Profile Photo

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