Great article
So far the only missing piece for me is permissions, e.g. some private feed of posts that can be read only by my friends. Where do they sit in terms of this files metaphor? Password-protected files? Can other people see such files? Sometimes file-name can already be treated as a leak
I really hope there exist some magic CSS one-liner to at least make vertical alignment better but the only info I found so far is this experiment from @drac.at
t.co/uXObPMsvWq
Did you know that browsers scale emojis differently?
Good luck pixel-perfect nerds🍀
pro css tip:
did you know you can change skin color with "overflow: hidden" ?
7.You never know what catches user's attention.
And getting feedback like:
"I heavily rely on timelines, and it’s crucial they function optimally. This is a key selling point for me in Fibery."
...just feels nice
6.Takeaways p.2:
– Always test hypotheses in practice.
– If you have an M4 Pro/Max MacBook, your UI must run smooth with x4 CPU throttling 🙈
– If you want a polished UI, dogfooding+boyscouting are very important pieces of dev. culture, imo. I doubt we’d fix it if we didn’t suffer from it ourselves.🫠
5.Takeaways p.1:
– Once you add a library to your project, its code becomes your responsibility. Don’t treat it as a black box. You can learn a lot by reading and patching it
– Compete with your competitors. We’re lucky to have great ones like Linear,Notion. If they can make smth fast, why can't we?
4.Sticky UI optimizations:
I was sure browser APIs would outperform any JS solution so I relied heavily on IntersectionObserver and CSS vars to update UI on collisions.
Turns out, frequent CSS var updates on large DOMs can be costly. Sometimes plain old state subscriptions just win.
3.Resizable side panels:
For some unknown reason we were scaling the entire timeline area when resizing a panel.
That meant recalculating headers, visible cards, collisions…
Sounds expensive? It was.
Was it useful? I don't think so.
I doubt anyone will miss it. 🔪
2.Scroll delays:
OSS lib we used rendered headers and body in separate scroll containers.
And afaik it's impossible to get rid of that scroll-sync delay completely.
Even on empty timelines - nausea from wobbly UI was real.
Fix: put everything in one scroll container. Small markup tweak = big UX win
1.What felt like a decent result started triggering the same old frustration after a few weeks.
There’s only one timeline I actually use in Fibery. And it still sucked. Well, since all the low-hanging fruits was already gone, I had to work smarter and bolder. 🪨
Usually I drink just one 🗿
Browsers always have a few surprises for you
Can some css master explain why it scrolls the list below the fixed modal during pinch zoom? Failed to find any browser issues but bsky and reddit are affected
wow, ai-powered IDEs are actually useful sometimes
Had broken SVG export from figma, claude managed to fix it inline
nice
