Dima Belyaev

Yeah, always on the fence with these complex examples. But always feels so good once you actually face this in your product and don't have to think about it since design system already handles this for you 🙌

Got toasts with actions? Make sure they're included in the tab order and don't hide the toast while user focus is inside it ✨

If you have any that want to argue that – send them my way 😂

bsky found a solution for it though, doesn't really open it with keyboard

We don't but then we look around the web and it's everywhere. I'm writing this message in a modal that has language selection dropdown in it 😅

I guess this becomes a month of accessibility tips while I'm finishing the review of all Reshaped components ✨

If you're implementing focus trap for your components, remember that nothing prevents them from being nested and you need to restore the focus all the way back 👀

Keep forgetting to add this to my docs 👀

Another accessibility detail (more common to handle) – make sure to have a single focusable date in calendars but the default should be last focused date > selected date > today > first date of the month

Yes, you’re totally right right

Easy to miss a11y detail: if you remove DOM elements while they're focused – move the focus to another relevant element in the same group ✨

Not a fan of horror/zombies but that was quite a ride. Feels good to be able to complete the whole thing just now. Each award this game got was absolutely deserved ✨

The law of conservation of icons states that the moment an icon is fixed in one product - it gets broken in another

❤️

🙌🙌 thanks

Today is my first day at Shopify. It's strange setting everything up from scratch and learning new habits, while at the same time I'm very excited about it. After 8 years working in the same company, in the same team – it feels good to switch topics. Here goes nothing ✨

born to LMFAO, forced to LOL

Been there, done that. What really helps me all the time is just to build a small circle of like minded people around (same values) that I can always pair/chat with outside of the “assigned scope”. Probably more of a large company thing, not sure how much it relates to your situation

Prepared and sent the content outline for the dropdown talk, fingers crossed now for it to get selected 🤞

imo in many cases companies are not truly paying for you learning. They just expect you to already know everything and have almost 0 slowdown if you do need to learn something fundamentally new for you except for maybe new libraries where that is treated like a part of feature development

Gonna be my pivot strategy 😅

hinking a which calendar view to use 🤔

Thanks 🙏

Releases - Reshaped

Reshaped v3.6 comes with 30+ other improvements 🔥 Find them all in our changelog:
reshaped.so/docs/changelog

One of the common questions we get is how does Reshaped compare to other design systems and component libraries on the market. So we tried to come up with a honest comparison of a few common options.

You can find the full comparison here:
reshaped.so/compare

New ToggleButton and ToggleButtonGroup components were requested by the community some time ago and they're such a nice addition to the already existing Button and ButtonGroup components, managing the state and a11y for you 🫰

OKLCH theming is an amazing addition for automatic color generation since it makes the output more vibrant and visually aligned. Especially when it comes to edge cases like yellow colors. In case you're still on older browser versions, we still support hex output too 🟡

Reshaped v3.6 is out and I myself haven't expected it to ship with all of this✨
reshaped.so/docs/changelog

🎨 OKLCH support in themes
🔄 ToggleButton component
💨 Headless Flyout utility
📊 Design systems comparison

Find more details below ↓

Thanks Daniel 🙏

🫰thanks!

❤️ thanks Stuart