Entries tagged with #ui.↳ Show all entries
Dark Mode: How Users Think About It and Issues to Avoidhttps://www.nngroup.com/articles/dark-mode-users-issues/
An in-depth look at dark mode. Summary: it is popular, but not essential. Users like dark mode but maintain similar behaviors without it. They think about it at the system level, not the application level. If you choose to support dark mode, test your design to avoid common dark-mode issues.
The Elements of UI Engineeringhttps://overreacted.io/the-elements-of-ui-engineering/
A brilliant post by Dan Abramov on common UI and design / engineering problems and how trying to solve them is often a greater lesson than only learning about a new technology. “Learning comes from exploring the problem space and trying different possible tradeoffs.”
Sketching Interfaces Generating code from low fidelity wireframes.https://airbnb.design/sketching-interfaces/
The @Airbnb design team has built a prototype that renders hand-drawn wireframes into working UI components
Fiber – a free, interactive UI Kit by Framerhttps://framer.com/
“Every artboard in the Fiber UI Kit features customizable elements, all hooked up to interactions in Code. Customize text, images and animation values to create your own social prototype. Or pull apart native scroll, swipe and slider components for separate projects.”
Smooth Scrolling and Accessibility, by @_hmighttps://css-tricks.com/smooth-scrolling-accessibility/
Regardless of how you implement smooth scrolling, there are a few accessibility issues that should be addressed: focus management and animation.
Accessible Tooltips & Toggletips | Inclusive Components by @heydonworkshttps://inclusive-components.design/tooltips-toggletips/
In this article, Heydon Pickering looks at situations which might call for a tooltip or else a toggletip, and formulates inclusive implementations for each.
Design Principles, collected by Jeremy Keith (@adactio)https://principles.adactio.com/
A huge collection of design principles from various disciplines.
Making And Maintaining Atomic Design Systems With Pattern Lab 2 Byhttps://www.smashingmagazine.com/2016/07/building-maintaining-atomic-design-systems-pattern-lab/
Pattern Lab 2 is an open-source suite of tools to help you and your team create and maintain thoughtful UI design systems. At its core, it’s a static site generator that stitches together patterns and allows you to design with dynamic data.