Dan's design links

Dan's design links

339 bookmarks
Custom sorting
A Guide To Undoing Mistakes With Git (Part 2)
A Guide To Undoing Mistakes With Git (Part 2)
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.
·smashingmagazine.com·
A Guide To Undoing Mistakes With Git (Part 2)
HmntyCntrd Masterclass | Challenging the Status Quo in UX
HmntyCntrd Masterclass | Challenging the Status Quo in UX
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.
·hmntycntrd.com·
HmntyCntrd Masterclass | Challenging the Status Quo in UX
Home | The Component Gallery
Home | The Component Gallery
The Component Gallery is a collection of components from the best Design Systems.
·component.gallery·
Home | The Component Gallery
A Complete Guide To Accessible Front-End Components — Smashing Magazine
A Complete Guide To Accessible Front-End Components — Smashing Magazine
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.
·smashingmagazine.com·
A Complete Guide To Accessible Front-End Components — Smashing Magazine
SAPC Contrast Checker
SAPC Contrast Checker
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.
·contrast-checker.bellette.com.au·
SAPC Contrast Checker
Contrast Ratio Math and Related Visual Issues
Contrast Ratio Math and Related Visual Issues
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 ...
·github.com·
Contrast Ratio Math and Related Visual Issues
Home - The A11Y Project
Home - The A11Y Project
The A11Y Project is a community-driven effort to make digital accessibility easier.
·a11yproject.com·
Home - The A11Y Project
Choosing components for actions | Orbit – by Kiwi.com
Choosing components for actions | Orbit – by Kiwi.com
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. […]
·orbit.kiwi·
Choosing components for actions | Orbit – by Kiwi.com
7 Practical Tips for Better Microcopy
7 Practical Tips for Better Microcopy
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.
·learnuxd.io·
7 Practical Tips for Better Microcopy
Introducing the WCAG Principles
Introducing the WCAG Principles
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...
·blog.teamtreehouse.com·
Introducing the WCAG Principles
Gradient Magic
Gradient Magic
A Free Gallery of Fantastic and Unique CSS Gradients.
·gradientmagic.com·
Gradient Magic
Custom Select Styles with Pure CSS
Custom Select Styles with Pure CSS
Modern CSS gives us a range of properties to achieve custom select styles that have a near-identical initial appearance...
·moderncss.dev·
Custom Select Styles with Pure CSS
lookup.design - ui examples
lookup.design - ui examples
Browse handpicked ui and ux design examples and find inspiration for your next website or app.
·lookup.design·
lookup.design - ui examples
Design Systems For Figma
Design Systems For Figma
A collection of Design Systems for Figma from all over the globe.
·designsystemsforfigma.com·
Design Systems For Figma
The Typearture Variable Color Font Initials - Typearture
The Typearture Variable Color Font Initials - Typearture
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!
·typearture.com·
The Typearture Variable Color Font Initials - Typearture
Mobbin - Latest Mobile Design Patterns
Mobbin - Latest Mobile Design Patterns
Check out the hand-picked collection of latest mobile design patterns from apps that reflect the best in design.
·mobbin.design·
Mobbin - Latest Mobile Design Patterns
App Design Interactions and Patterns | UI Sources
App Design Interactions and Patterns | UI Sources
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.
·uisources.com·
App Design Interactions and Patterns | UI Sources
Design Pttrns
Design Pttrns
Check out the finest collection of design patterns, resources, mobile apps and inspiration
·pttrns.com·
Design Pttrns