Design

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 …

Part I in a series that explores inclusive design at Betterment. This post focuses on making the case to remove the ‘gender question’ as well as some takeaways for building inclusive products.

Automatically create and maintain UI kits from your coded components

When importing components using https://t.co/4oOwmnMWZ2, your #Figma file will automatically have the same names, descriptions and structure as #code - always in sync 🤗— story.to.design (@story_to_design) November 23, 2022

A guide to design for the brain with intention and results.

This article is the first of two parts about a guide to making websites accessible to keyboard users. Here Cristian Diaz covers a good set of practices and recommendations on how to use HTML and CSS to create a great experience for keyboard users.