Dan's design links

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...

Browse handpicked ui and ux design examples and find inspiration for your next website or app.

A collection of Design Systems for Figma from all over the globe.

A complete list of cognitive biases and design principles. Tons of product examples, tips and checklists to improve your user experience.

Test if your website is WCAG & ADA compliant according to web accessibility legislation with the industry leader testing tool

Simple rules that will help you design forms users will like to complete

Variable Color Fonts: How do you use them? What can these fonts add to your storytelling and typography? Let these ornamental initials be an inspiration!

Check out the hand-picked collection of latest mobile design patterns from apps that reflect the best in design.

Over 700+ interactions and 2000+ screenshots from the world's best designed and top grossing apps. Analyze product features and microinteractions and get new insights.

Check out the finest collection of design patterns, resources, mobile apps and inspiration

A design inspirational library featuring finest UI UX Patterns (iOS and Android) for designers, developers, and product makers to reference.

A look at the meetings, rituals, and exercises our product design team relies on to stay connected and efficient.

Explore a collection of video games UI interfaces, screenshots and videos. This creative tool is for video games lovers and game designers to get inspiration and help the creative process.