Accessible color for design systems just got easier | by Nate Baldwin | May, 2022 | Medium

Design
113 Best programming fonts as of 2022 - Slant
Comic Mono
A legible monospace font… the very typeface you’ve been trained to recognize since childhood
Towards Individuated Reading Experiences: Different Fonts Increase Reading Speed for Different Individuals | ACM Transactions on Computer-Human Interaction
In our age of ubiquitous digital displays, adults often read in short, opportunistic
interludes. In this context of Interlude Reading, we consider if manipulating font choice can improve adult readers’ reading outcomes.
Our studies normalize font size by ...
Are some fonts ageist?
A new study reveals that the speed at which you’re able to read online depends a lot on the font—and your age.
Designing A Better Language Selector
How difficult can it be to design a bulletproof language selector? It’s not as straightforward as one might think. We need to avoid redirects, decouple our language and country presets, allow for overrides, and use non-modal windows. Let’s dive in!
Humane Design: Avoiding the term "User" - Documentation / Best-practices
It was Aral Balkan that put in strongest words that we should avoid the term “Users” when developing free software. That the term “User” is indicative of the dependency relationship that Big Tech and surveillance capitalism has created between people and the technology they use. One that it not dissimilar of a “drug addict doing drugs” i.e. a user of drugs. The argument is that abstracting people as “Users” in a way de-humanizes them. The thought is that by trying to avoid the term we ar...
Society Centered Design
Accessibility Club Meetup #11
A hybrid online streaming and in-person meetup for web workers & designers about web accessibility & assistive technology — May 4th, 2022, Düsseldorf
Ahmad Shadeed on Twitter
💡 CSS :has allows us to check if the main section contains an error and adjust the header accordingly. Neat! 🤩.main:has(.alert--error) .header { border-top: 2px solid red; background-color: #fff4f4;}Article: https://t.co/tLTNSLxZo4Demo: https://t.co/tt7uXynXYr pic.twitter.com/IKkXsnOQhx— Ahmad Shadeed (@shadeed9) April 18, 2022
Reasonable Colors
Reasonable Colors is an open-source color system that makes it easy to build accessible, nice-looking color palettes.
Illustrator: Flächen schraffieren, linieren, punktieren! pixelschubzzer-blog
Don’t rely only on tools to pick an accessible color combination
How can we make sure to design with accessible colors?
Blue people and long limbs: How one illustration style took over the corporate world
Corporate Memphis seems to be everywhere nowadays, but where did it come from? And how did it get to be so popular? We explore.
Tom Duscher on Twitter
Was wir fühlen, wenn wir sehen: Künstler:innen, Designer:innen und Forschende ergründen im neuen Kieler Science Communication Network die emotionale Wirkung visueller Darstellungen #wisskomm #scicomm https://t.co/U5j07ksfaP— Tom Duscher (@TomDuscher) March 10, 2022
Optimizing a Web Site for Google’s New UX Criteria :: UXmatters
Web magazine about user experience matters, providing insights and inspiration for the user experience community
The Science of Color & Design - Material Design
How Material used color science to make design easier and more expressive than ever before
Icons - Google Fonts
Making the web more beautiful, fast, and open through great typography
icon created:2022-02 ― Raindrop.io
All in One Bookmark Manager. For your inspiration, read later, media and stuff.
Which SVG technique performs best for way too many icons?
When I started giving talks about SVG back in 2016, I'd occasionally hear a question I never had a great answer for: What if you have a lot of icons on a page?
Hiring Interviews Are Terrible: Smart UX Teams Structure Them
Asking job applicants unstructured interview questions is ineffective. Instead, UX teams should standardize their questions and evaluation criteria to identify qualified people and reduce unfair bias. For job seekers, learn to recognize smart UX teams by how they interview you.
Thoughts On Markdown
Markdown in all its flavors, interpretations, and forks won’t go away. However, it’s important to look at emerging content formats that try to encompass modern needs. In this article, Knut shares his advice against Markdown by looking back on why it was introduced in the first place, and by going through some of the major developments of content on the web.
Roboto Serif
Mit der Roboto Serif erweitert Google die vielfach eingesetzte Open-Source-Schriftsippe Roboto. Erstellt als variable Schrift, ist die Roboto Serif sehr umfangreich ausgebaut. Zu den Designachsen gehören: Strichstärke, Weite, optische Größe und Grauwert-Abstufung. Als Einzelschnitte kommt die Fam...
Slidev
Presentation slides for developers
reveal.js - The HTML presentation framework
Documentation and demos for the open source reveal.js HTML presentation framework.
Material Design Icons by Google (GitHub)
Material design icons is the official icon set from Google
Spannende Masterarbeit über interkulturelles UX Design
Studentin Sanghee Park entwickelte nicht nur ein interkulturelles UX Design, sondern auch einen erweiterten Double-Diamond-Designprozess. HAWK Hildesheim. Die meisten von uns standen schon mal in einem fremden Land vor einem Automaten mit verwirrendem Interface. Je andersartiger die Kultur, desto schwieriger ist es auch, sich in den digitalen Umgebungen zurechtzufinden. Als gebürtige Südkoreanerin in Deutschland kennt...
The CSS Box Model 📦
Understanding this box is key to being able to create layouts with CSS.
CSS Box-Sizing Tip For Beginners
Size matters! Accessibility and Touch Targets | by Zac Dickerson | Medium