✅ Nice little button scale-down on activation
🙈 Layout change because scroll bar disappears
🙈 No light dismiss
Let's fix it.
These UX problems can easily be solved with:
- dialog + closedby="any"
- overscroll-behavior: contain
Works in Chrome & FF—Safari still missing the overscroll-behavior on non-scrollable scroll containers change
Here's a demo of a similar interaction: https://t.co/hoxKJWgORv
To get good animations from an AI you need to get good at telling it what you want:
- "stagger this list of items"
- "make this animation direction-aware"
- "spacial consistency", "crossfade", "layout animation",
I made a motion vocabulary for this:
https://t.co/ExAxpr31no
Jamming out to my favorite high school music 🎶 singing all the words out loud 🎶 making some new CSS demos 💻 watching my baby sleep peacefully on the monitor 👶🏻
The dopamine is hitting 💕
Is there a way on @Spotify to turn on "Parent Mode" where it knows "sure I'll play Hop Little Bunnies and Baby Beluga occasionally, but I don't actually want that kind of music on my Discover Weekly?"
@Paul_Kinlan The trick is to not worry about making it perfectly responsive 😆 then you won’t get bogged down in layout stuff and it’s fine bc it’s just for a presentation format that can scale and shrink
@wesbos X inbox is such a mess 🫣 I miss messages for multiple weeks alll the time. Or I’ll want to mark as unread to respond when I have more brain space and then they don’t show up as new messages anymore so I just forget they exist.
(I am so sorry for missing your messages 😭)
This conversation nostalgically reminded me of an interview I did with my Dad (an industrial engineer) literally a decade ago. He works on hardware for large machinery, and codebases that live 20+ years.
I think a lot of the same principles about simplicity still apply and will continue to matter in non-trivial systems design.
https://t.co/Or15dAF7qo