Design

…

The user-experience articles published in 2022 that our audience read the most.

Two variable, open source fonts from GitHub.

The first typeface designed for Moldova to make communication more open and honest.

A dynamic design system for creating icon sets in Figma and using them on the web.

Open source free icons library, available in variable stroke SVG format, web font, Figma, React, Vue and Flutter ready to use packages

Free, open source health icons. Use in your next commercial or personal project. Editing is ok. Republishing is ok. No need to give credit.

A one page plan to help designers champion the value of design systems.

An extensive guide on how to style for RTL in CSS

Recently Sacha Greif challenged his Twitter followers to code a fancy highlighter effect using only CSS. Guess what? I took the bait and started coding!

Six strategies for making your data visualization accessible, scalable, and helpful

Data Visualization Accessibility (https://t.co/8oBVEHjKT4), with 6 strategies and plenty of practical advice for making your data visualization accessible, scalable, and helpful. Written by @KentTheHuth and Gerrit de Vries. #datavisualization #design #ux #accessibility pic.twitter.com/f1D45bRXcO— Vitaly Friedman 🇺🇦🏳️‍🌈 (@vitalyf) December 25, 2022

Introduces how people with disabilities, including people with age-related impairments, use the Web.

Review newly available units to manage space within the large, small, and dynamic viewport spaces.

… a collection of components from the best Design Systems.

– AI-generated model photos (https://t.co/Mls4kz6SxO)– AI image editing (https://t.co/wsNnCdyjYu)– AI mock-ups generator (https://t.co/Y1HpWJDiyy)— Vitaly Friedman 🇺🇦🏳️‍🌈 (@vitalyf) December 20, 2022

– AI color palette generator (https://t.co/XxETNtrpMP),– AI image upscaling (https://t.co/vj0TFtDbvX)– AI doodles generator (https://t.co/LxftL5pPdS)– AI eye-tracking/heatmap testing (https://t.co/3gP6J3AE7t)– AI avatar generator (https://t.co/3ZA3l7isJO)— Vitaly Friedman 🇺🇦🏳️‍🌈 (@vitalyf) December 20, 2022

A look at CSS container style query.

Just added this amazing Jewish sticker set to our @figma holiday collection. L'chaim! Stickers: https://t.co/j8908mM69mCollection: https://t.co/PkVZctpr0G pic.twitter.com/VAXhAFihjA— ˗ˏˋrogieˎˊ (@rogie) December 16, 2022

Pentiment lässt seine Figuren in unterschiedlichen Schriftarten sprechen. Diese passen nicht nur zu den Figuren, sondern auch in die Zeit.

Describing images and charts for blind and low-vision users helps your journalism—on any platform—reach more people who need it

Explore the Midjourney community's favourite images.

Josh explains WCAG Article 1.1.1 Tools and info to get your website accessible and WCAG Compliant: http://OnlineADA.com Unlock the WCAG walkthroughs for le...

Add VoiceOver support to make your iOS app more accessible to users who are blind or have low vision.

How can we focus less on artefacts in design systems, and work consciously to build inclusive design systems that put people at their heart?

Baselining the purpose of experience …