Design

Is mobile-first CSS always the best option? Patrick Clancey explores the pros and cons of the classic methodology, as well as when other solutions might work better.

The idea of “foundations” is one of the biggest threats to creating a design system people use

Following up on my #designsystem hot take from last week, I wrote down some thoughts about the folly of chasing the idea of “foundations:” https://t.co/HU7YFRRqDs— Dan Mall (@danmall) June 13, 2022

Explore 1000s of components and libraries

Explore the world’s UI components to learn techniques that actually work

Seemingly outmoded technologies sometimes hold the key to better user experiences.

So we are building a CAD or a drawing app. It has lots of handy tools and an infinitely large space. There’s enough room for drawings, notes, and anything else. We start with a blank page, literally…

Leonardo is an open source project from Adobe that helps you pick accessible colors. There’s a JavaScript API along with a browser tool that lets you select colors interactively. Color is a c…

Moderating a usability test? Follow these 10 simple steps to make your sessions go smoothly. Download an example facilitator guide at the bottom of this article.

Inclusive design describes methodologies to create products that understand and enable people of all backgrounds and abilities. It may address accessibility, age, economic situation, geographic location, language, race, and more.

From working with design handoffs to supporting custom themes in a design system, the CSS `color-contrast()` function can become a cornerstone for developers by enforcing accessible UIs.

Free loaders & spinners for your next project. Built with HTML, CSS and a soupçon of SVG. Available for React and copypasta.

Learn the most important UI design principles that will help you create a seamless user experience.

Oh… are we still talking about this?

OOUX is a philosophy and set of principles that help UX designers break down complexity, understand requirements, synthesize research, and facilitate collaboration.

A legible monospace font… the very typeface you’ve been trained to recognize since childhood

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

A new study reveals that the speed at which you’re able to read online depends a lot on the font—and your age.

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!

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

A hybrid online streaming and in-person meetup for web workers & designers about web accessibility & assistive technology — May 4th, 2022, Düsseldorf

💡 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 is an open-source color system that makes it easy to build accessible, nice-looking color palettes.