Dan's Interesting Design Links

Dan's Interesting Design Links

292 bookmarks
Custom sorting
The Anatomy of a Component Sprint | Figma Blog
The Anatomy of a Component Sprint | Figma Blog
The Washington Post’s inclusive process for creating new design system components bridges the gap between design and development.
·figma.com·
The Anatomy of a Component Sprint | Figma Blog
On disabled and aria-disabled attributes
On disabled and aria-disabled attributes
I’m Kitty Giraudel, a non-binary trans frontend developer based in Berlin, focused on accessibility and inclusivity.
·kittygiraudel.com·
On disabled and aria-disabled attributes
In response to Jakob Nielsen
In response to Jakob Nielsen
As designers, we should challenge fragmentation rather than foster it.
·uxdesign.cc·
In response to Jakob Nielsen
What is design accountable for in a product company?
What is design accountable for in a product company?
When I started my first in-house design leadership role, I proudly went to my boss and declared “the design team is accountable for…
·uxdesign.cc·
What is design accountable for in a product company?
Making SVG Loading Spinners: An Interactive Guide
Making SVG Loading Spinners: An Interactive Guide
Learn to create a cool SVG loading spinner with this step-by-step guide. We'll use attributes like stroke-dasharray and stroke-dashoffset to make it easy.
·fffuel.co·
Making SVG Loading Spinners: An Interactive Guide
Mobile search: which pattern should you choose?
Mobile search: which pattern should you choose?
It’s not a secret that search helps users find what they need quickly. But how to create such a search and make it efficient? Let’s figure…
·uxdesign.cc·
Mobile search: which pattern should you choose?
Highlight Text When a User Scrolls Down to That Piece of Text
Highlight Text When a User Scrolls Down to That Piece of Text
I was reading a great post on Lene Saile’s blog and noticed a cool little design feature on her site that highlights a line of text once you scroll to it. Here’s a video so you can see …
·frontendmasters.com·
Highlight Text When a User Scrolls Down to That Piece of Text
Here's why you should (almost) never use a pie chart for your data
Here's why you should (almost) never use a pie chart for your data
Our lives are becoming increasingly data driven. Our phones monitor our time and internet usage and online surveys discern our opinions and likes. These data harvests are used for telling us how well we've slept or what we might like to buy.
·phys.org·
Here's why you should (almost) never use a pie chart for your data
Respecting Users’ Motion Preferences — Smashing Magazine
Respecting Users’ Motion Preferences — Smashing Magazine
The `prefers-reduced-motion` media query has excellent support in all modern browsers going back a couple of years. In this article, Michelle Barker explains why there’s no reason not to use it today to make your sites more accessible.
·smashingmagazine.com·
Respecting Users’ Motion Preferences — Smashing Magazine
Variable Fonts for Developers
Variable Fonts for Developers
Variable fonts for developers, a collection of fun experiments, effects, demos, articles, font lists, and stuff I have learned as a developer about variable fonts
·variablefonts.dev·
Variable Fonts for Developers
Building Components For Consumption, Not Complexity (Part 1) — Smashing Magazine
Building Components For Consumption, Not Complexity (Part 1) — Smashing Magazine
Design systems can be of immense help, but failure to adopt them invalidates the hard work that goes into building the thing in the first place! In this two-part series of articles, Luis shares his experience with design systems and how you can overcome the potential pitfalls.
·smashingmagazine.com·
Building Components For Consumption, Not Complexity (Part 1) — Smashing Magazine
What’s The Perfect Design Process? — Smart Interface Design Patterns
What’s The Perfect Design Process? — Smart Interface Design Patterns
Design process is messy. You might be following a structured approach, but too often it takes a life of its own. And before you know it, you are designing in chaos, with last-minute changes and missed deadlines. So, what’s the “perfect” design process?
·smart-interface-design-patterns.com·
What’s The Perfect Design Process? — Smart Interface Design Patterns
HTML Web Components
HTML Web Components
Writing about the big beautiful mess that is making things for the world wide web.
·blog.jim-nielsen.com·
HTML Web Components
Monaspace
Monaspace
An innovative superfamily of monospace fonts for code
·monaspace.githubnext.com·
Monaspace
Hey designers, they’re gaslighting you.
Hey designers, they’re gaslighting you.
“Prove your value.” “Justify your presence.” “Demonstrate impact.” Too many organizations have convinced designers that they’re the…
·medium.com·
Hey designers, they’re gaslighting you.
Equivalent experience can cut both ways
Equivalent experience can cut both ways
The “more options” button is emblematic of how something can be technically usable by everyone, but also how it’s use is also confusing for all involved…
·ericwbailey.website·
Equivalent experience can cut both ways
Uplifting Shopify Polaris
Uplifting Shopify Polaris
The process of evolving a large scale Design System.
·ux.shopify.com·
Uplifting Shopify Polaris
CallToInspiration – Small details for very exacting ideas!
CallToInspiration – Small details for very exacting ideas!
Call for inspiration using the purple hat for when you have inspiration blocks or need fresh new ideas. A great tool created by a deisnger for web professionals.
·calltoinspiration.com·
CallToInspiration – Small details for very exacting ideas!
Kolibri for SwiftUI
Kolibri for SwiftUI
Create stunning SwiftUI designs and animations. Let the app generate the code
Introducing Kolibri – create stunning SwiftUI designs and animations. Let the app generate the code
·noidentity.ch·
Kolibri for SwiftUI
Design Systems Directory
Design Systems Directory
Search over 145 design systems documentation sites.
·designsystems.directory·
Design Systems Directory