Dan's Interesting Design Links

by Nick Babich

Modal dialogs interrupt users and demand an action. They are appropriate when user’s attention needs to be directed toward important information.

How do you logically construct well-founded UIs as a designer instead of relying on your gut feeling?

Dribbbleshots just might be the hotbed of questionable dashboards. Striking visuals, little context, and no research: all recipes for mediocrity. Mediocrity won’t do. We’ll pursue greatness. And in that pursuit, we’ll cover research, decluttering, and data visualization.

Geri Reid, UI and UX Designer, London

Access Guide is a friendly introduction to digital accessibility based on WCAG 2.1 (web content accessibility guidelines).

Learn how to effectively present your product designs to non-designers, clients, or other stakeholders on your team. Gain insight on how to successfully communicate your UI/UX designs so you walk away with useful, actionable feedback. Shot by [Abul Bashar Muhammad Salahuddin](https://dribbble.com/shots/3837903-presentation).

OH no Type Co. Retail and custom typefaces. Life’s a thrill, fonts are chill!

Through a highly iterative process, a small team of engineers and designers worked closely together to rethink some of our standard user interface components, in order to develop the experience that you see in the Instagram Threads app.

Companies are facing a crisis in scaling design, and it’s costing them customers. The solution?

Joining a new job remotely can be… nerve-wracking. There’s a lot to take in — a lot of people to (remotely) meet, unspoken cultural cues…

How we embraced a growth mindset and ended up with a more robust ecosystem of selection patterns

A collection of best articles, resources, and videos that helped me learn all about design systems - curated by @saura3h

Web fonts are often terrible for web performance and none of the font loading strategies are particularly effective to address that. Upcoming font options may finally deliver on the promise of making it easier to align fallback fonts to the final fonts.

Mistakes. These cruel villains do not even stop at the beautiful world of software development. But although we cannot avoid making mistakes, we can learn to undo them! This post will show the right tools for your daily work with Git.

Join a community of the most supportive, growth-oriented minds in the UX field and transform the status quo of what it means to be human-centered in our work, our industry and our personal lives.

The Component Gallery is a collection of components from the best Design Systems.

Reliable accessible front-end components: :focus styles, content sliders, dark mode, data charts, date pickers, form styles, navigation menu, modals, radio buttons, "skip" links, SVGs, tabs, tables, toggles and tooltips.

Checks contrast using SAPC rather than the current WCAG methods. SAPC is supposed to be much more realistic to how the human eye sees contrast.

Really interesting discussion on the failings of the current WCAG color contrast ratios. The W3C's specification for determining sRGB contrast as discussed in "Understanding WCAG 2.0 and 2.1, Minimum Contrast 1.4.3" is not perceptually uniform and as a result ...

Over the past few months, I’ve been helping Lyft build the initial version of our Figma design systems library with scripts…

The A11Y Project is a community-driven effort to make digital accessibility easier.

A massive free library of beautifully rendered 3D shapes. 160,000+ high resolution PNG images in one cohesive library.

An interesting solution in a design system to help other designers decide which type of button/component/whatever to use when there are multiple related components. ––––––––––Sometimes it’s good to have a lot of choices. Other times it can be overwhelming (which is why Orbit is based around progressive disclosure). We have multiple options for presenting possible actions, including buttons, button links, and text links. If you’d like some help with which component to use, try out this interactive decision tree. […]

Good microcopy is one of the fastest ways to improve an interface. Try doing an audit on your UI with these tips to see how it stands up.

In my introductory blog post on Accessibility, I mentioned that the Web Content Accessibility Guidelines (WCAG) is broken up into four accessibility principles: Perceivable Operable Understandable Robust These four principles are then divided into thirteen accessibility guidelines. Each WCAG guideline...

A Free Gallery of Fantastic and Unique CSS Gradients.

Modern CSS gives us a range of properties to achieve custom select styles that have a near-identical initial appearance...