Animated spinner in Adobe XD

Design
Style Queries
Exploring when and how you would use style queries in your day-to-day work. | on Una Kravets' Blog
Jeremy Keith | In And Out Of Style | CSS Day 2022
It’s an exciting time for CSS! It feels like new features are being added every day. And yet, through it all, CSS has managed to remain an accessible language for anyone making websites. Is this an inevitable part of the design of CSS? Or has CSS been formed by chance? Let’s take a look at the history—and some alternative histories—of the World Wide Web to better understand where we are today. And then, let’s cast our gaze to the future!
Slides: https://www.dropbox.com/s/bfgtlzv90jxjz00/InAndOutOfStyle.pdf?dl=0
About Jeremy: https://adactio.com
Follow Jeremy: https://twitter.com/adactio
More about CSS Day: https://cssday.nl or https://twitter.com/cssdayconf
Receive conference announcements in your inbox: https://cssday.nl/subscribe
What is the CSS ‘ch’ Unit?
Line Lengths and CSS Length Units
CSS Color Names Chart
Full list of the official named colors from the CSS specification.
Intranet & Enterprise Design: Study Guide
Designing an intranet requires skills in UX design and research, service design, content strategy, IA, or working with stakeholders. This article compiles our resources to help anyone designing a new intranet or sprucing up an old one.
A Product Design Process for the Real World
Declarative design systems
Is your design system really a system …or is it more like a collection of components?
All the user-facing states
Ethical Design Network
A few relevant analogies, important references to inspirational figures, and the case made for refusing to wait a minute longer.
Ethical Design Resources
The Case for Design Engineers
Material Icons: Sehee Lee
An interview with Senior Visual Designer leading icons and design systems for Google Fonts, Sehee Lee
Human Interface Guidelines
The HIG contains guidance and best practices that can help you design a great experience for any Apple platform.
The surprising psychology of fonts
How typefaces impact emotions remains largely unstudied, but a new report suggests that different fonts can elicit different emotions.
Just How Long Should Alt Text Be?
The Dos and Don’ts of Pairing Typefaces
When choosing typography to use in designs, narrow down your options by understanding the most common classifications, looking for typefaces with multiple variations and distinct characters, and pairing typefaces together with consistency and readability in mind.
Mobile-First CSS: Is It Time for a Rethink?
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 Folly of Design System “Foundations”,” an article from SuperFriendly
The idea of “foundations” is one of the biggest threats to creating a design system people use
Dan Mall on Twitter
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
Component Encyclopedia | Storybook
Explore 1000s of components and libraries
Component Encyclopedia
Explore the world’s UI components to learn techniques that actually work
The forgotten benefits of “low tech” user interfaces
Seemingly outmoded technologies sometimes hold the key to better user experiences.
Background grids, from paper to display
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…
A color tool for accessible schemes
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…
Checklist for Moderating a Usability Test
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
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.
Design in 2022: Language, Localisation and Collaboration
Manage Accessible Design System Themes With CSS Color-Contrast() — Smashing Magazine
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.