Design

Fontshare is a free fonts service from ITF, making quality fonts accessible to all. It’s a growing collection of professional grade fonts that are 100% free for commercial and personal use.

Emoji spread from text messages into everything we write. Headlines, list items, email subject lines... Your text is boring? Add an emoji! Trying to increase the response to your newsletter? Add an emoji! Making a list? Add an emoji! Adding emoji always works. Right?

How to properly turn a div into a button, so the result will be accessible and useable by everyone.TLDR: Use a native button.

Randomness in the browsers without using JavaScript? Check out how to generate random numbers using just CSS and make some generative art!

A free 24-hour online community event on accessibility and inclusion

Our digital journalism style guide of inclusive language is populated with more than 1,000 terms spanning containing descriptions, usage examples, related terms, and additional resources.

Improve your design skills with the help of 5 online graphic design games. Practice color, typography, and layout skills with fun, engaging exercises.

Ich habe meine Hände an ein #iPhone14Pro bekommen und konnte mir die neuen UI-Änderungen mit ein paar Bedienungshilfen anschauen. Natürlich klappt das gut, aber es gibt noch ein paar kleine Unstimmigkeiten. Dazu mehr im Thread - falls es euch interessiert 🧵 #Barrierefreiheit— Casey (@conesible) September 16, 2022

There is no shortage of opinions about today’s news that Adobe will be acquiring Figma, so I’ll try not to repeat any of what’s already been said here. A lot of it boils down to designers and engineers being understandably …

Elliot Jay Stocks is a creative director, writes about typography, and makes music as Other Form

Illustrated tips for making your UI and web designs more visually interesting · Backgrounds · Borders & dividers · Shadows · Text · Other techniques

Inclusive Design is a methodology, born out of digital environments, that enables and draws on the full range of human diversity. Most importantly, this means including and learning from people with a range of perspectives.

My notes from Julie Romanowki's Intro to Docs and PDFs Knowbility online session highlighting PDFs created from Microsoft Word and Google Docs.

The web home of Eric A. Meyer, CSS guy; and his wife Kathryn, doctor of nursing.

In der „Fest & Flauschig“-Folge „Gesund durch die Schwangerschaft“ geht der Satiriker/Podcaster/Entertainer Böhmermann auf das Logo und Markenzeichen der deutschen Apotheken ein. Böhmermann erklärt, das Logo, ein rotes „A“, das in den 1930er-Jahren entworfen wurde, sehe „völlig scheiße“ aus, und er verstehe nicht, weshalb Apotheken heute noch eine „alte Nazi-Schrift“ im Logo verwendeten.

You can use your keyboard to quickly accomplish many tasks with keyboard shortcuts.

Many users find that using an external keyboard with keyboard shortcuts for Outlook helps them work more efficiently. For users with mobility or vision disabilities, keyboard shortcuts can be easier than using the touchscreen and are an essential alternative to using a mouse.

With keyboard shortcuts, save time navigating YouTube.

When you turn on keyboard shortcuts, you can press keys to make changes to your Google Calendar and quickly navigate to certain pages.

Keyboard shortcuts save you time by letting you explore Remember The Milk quickly.

Save time navigating in Gmail by using keyboard shortcuts.

Facebook verfügt über Tastenkombinationen für Nutzer, die nur mit ihrer Tastatur auf Facebook navigieren möchten.

Ich lieb es, beworbenen 1000000ten Workshop zum Thema "Barrierefreie Webseiten" eben im Internet gefunden, von Riesen wie Öffentlich Rechtlichen mitgestaltet, von "Sozialorganisation" finanziert, ABER der Workshop selber ist nicht barrierefrei zugänglich. Was sagt uns das?— Lela Finkbeiner (@LelaFinkbeiner) August 29, 2022

(Anmerkung: Website erfüllt _nicht_ Kriterien der Barrierefreiheit.)

The problem of how to design an effective toggle button that shows the selected option clearly is a long-term open question among UI/UX designers. In this second part, Eduard Kuric explains a complex list of visual cues used by toggle buttons to communicate which of their options is active.

It's a cool little effect. The default link style has an underline (which is a good idea) and then on :hover you see the underline essentially thicken up