Design

The fastest and easiest way to check, copy and edit CSS

UX is about function, but also delight, whimsy, wit and beauty. But when it comes to accessibility, we tend to take the term literally…

trust, truth + joy

We are surrounded by a world of motion and I would like to get off of it

A powerful new look at history-making uses of lettering, type, and design to amplify resistance and inspire change In chapters exploring the many ways to voice dissent (RESIST!, VOTE!, STRIKE!, TEACH!, and LOVE!), Strikethrough charts a typographic chant of resistance across more than a century of protest graphics—from

Many special characters needed for good typography are hard to find, some are not even available on the keyboard at all. This workflow gives you access to these characters and pastes them right into your current application. → https://github.com/typefacts/alfred-special-characters

Die hier kurz vorgestellten Apps liegen dem Autor entweder als Testversion oder mit erworbener Lizenz vor. Das Hauptkriterium zur Auswahl war eine aktive Entwicklung der Programme.

Upload an image, mark the bit you need removed, download the fixed up image. Free to use. No signup required.

Markdown-based styleguide generator

Before color-contrast(), stylesheet authors needed to know accessible colors ahead of time. Often a palette would show black or white text on a color swatch, to indicate to a user of the color system which text color would be needed to properly contrast with that swatch.

If you are interested in design patterns, UX and lovely little websites, Vitaly has just launched a lil' Telegram channel for things like that: https://t.co/ku6qrqodV8 — happy joining :)— Smashing Magazine 🇺🇦 (@smashingmag) July 18, 2022

WP Accessibility fixes common accessibility issues in your WordPress site.

In this Make WordPress Accessibility Handbook you will learn what the best practices are for web accessibility, the many great accessibility tools, the testing we do to improve WordPress, themes, a…

Eine barrierefreie WordPress-Website zu erstellen ist einfacher als man denkt. Es sind nur wenige Regeln zu beachten, die wir euch hier erläutern.

Hey, designers and developers, does anyone use fractional font sizes in your designs?No? Read further to know how one simple trick can make your text look sharper, help with paddings, and perhaps even become an essential part of your design system.#ui #ux #uiux #typography pic.twitter.com/avSCmOCL7r— Roman Shamin 💙💛 (@romanshamin_en) July 12, 2022

Are you being tricked and overcharged by them too?

I had thought the old method of clearing through .clearfix:after { clear: both; content: ''; } long dead, but then I spotted it quite alive and even being taught to developers.

In this article, we will explore how an accessibility-first approach can lead you down the path of creating a better visual design for charts. Throughout the article, you’ll learn to use the Web Content Accessibility Standards and how this approach leadd to an unexpected yet better outcome for everyone.

There’s a common misconception that a designer’s work is done when all screens have been designed. When it happens, only half of the work…

Ever wondered how a screen reader user accesses the web?Follow @LeonieWatson and @brucel as they go exploring and share their findings from a range of websites for @smashingmag.https://t.co/y4HR20tIaG— TetraLogical (@TetraLogical) July 7, 2022

A small project debunking common accessibility myths.

WCAG 3 will use a new color contrast method called APCA (Advanced Perceptual Contrast Algorithm).It's a big improvement over the current system but there are a lot of changes to get your head around.🧵 pic.twitter.com/yLbujn3hG4— Dan Hollick 🇿🇦 (@DanHollick) December 9, 2021

Here you can find the three talks and the panel discussion from our Smashing Meets for All community event around web accessibility. Enjoy!