A nice new example from @ariakitjs: Command Menu with Tabs ❤️ It has it all — tabs, multi-column layout (grid), full keyboard navigation, solid API. ariakit.org/examples/di...
Jan Toman
@honzatmn.bsky.social
Design systems and design engineering. Leading product and design at Supernova.io
Design system teams should be actively refactoring the codebase to drive adoption—rather than only asking others to do it. Major benefits for the system come from it too. What’s your take on this?
Radix is dead, long live the Rad... @base-ui.com! 🎉 Design system creators, this is a must-explore library of React UI components. There is a lot of built-in functionality and interesting API design choices. A few examples in a thread 🧵
Tell me you're a design engineer without telling me you're a design engineer 👾 Thanks for latest @raycast.com Wrapped!
If you want a really good deep dive into testing with screen readers, I strongly advise reading this guide by @sarasoueidan.com www.sarasoueidan.com/blog/testing... #a11y #screenReaders #accessibility
Setting up a screen reader testing environment on your computer
– The personal website of Sara Soueidan, inclusive design engineer
sarasoueidan.com
Generally we think of alt-text as the domain of those with accessibility needs. However alt-text is useful for many reasons, which benefit your viewers, as well as you, the creator!
Goldman Sachs' design system has a page called "Design System Concepts" 💡 It's an effective way to show that their naming isn't random, but rather intentional, leading to a more coherent API and language 👏 https://design.gs.com/foundation/design-system-concepts
A new resource on @figma.com community — a blueprint for a button component 🎉 It's an example of how to build a well-usable component with some useful Figma tricks applied. Copy/paste it to your files and tweak it to your liking 🎨 https://www.figma.com/community/file/1242237541978933162
figma.com