Design

Helping entrepreneurs share their brand stories and grow their online presence via visually attractive and strategically built websites

There are a few rules to follow when applying a braille font to pharmaceutical artwork. We have the advice, free braille tools and braille fonts to help you.

Check the contrast between different colour combinations against WCAG standards

Prologue: Who should spend the time to make a killer portfolio website?

LoaderShip is the ultimate CSS-only loader configuration tool that allows you to effortlessly customize and generate stunning loaders for your website. Simply Copy & Paste without any installation or dependency hassle.

A preview of the comprehensive update coming to Adobe's design system

Learn what the accessibility tree is, how to access it, and how to use its information.

Liking an idea does not mean the idea is exempt from criticism…

KI-Generatoren wie ChatGPT, DALL-E oder DiffusionBee können für OER hilfreiche Werkzeuge sein. Wie man KI-Output richtig lizenziert.

How “Exclusive Accordions” hinder especially people with disabilities to efficiently use web pages, and why that is a reason to be careful about making it easy to implement them.

When I first heard Nicole Sullivan talk about OOCSS, I thought “Oooh, smart.” When I read Jonathan Snook’s riff on that idea in SMACSS I thought “Oooh, smart.” When I heard Harry Roberts say “never use IDs in your CSS files” I said “Oooh, smart.”

Animation and accessibility are often seen as two separate powers at odds with one another. How is it possible to strike a balance between elements that move and the possible negative effects they expose to users who are sensitive to motion? Oriana García explains how her team at Mercado Libre tackled the challenge by creating guiding principles for applying animation to user interfaces and incorporating them into the team’s design system.

Optimize and adjust for users who prefer an opaque UI.

When interacting with generative-AI bots, users engage in six types of conversations, depending on their skill levels and their information needs. Interfaces for UI bots should support and accommodate this diversity of conversation styles.

Practical tips I wish I'd had for navigating the intersection between web accessibility and internationalization/localization.

An innovative superfamily of fonts for code

Shows fonts supplied with Windows10 and Mac OS X, Google Noto, & SIL, by script.

A place to hold discussions on i18n topics, and to put documents that summarise, support or initiate those discussions. - w3c/i18n-discuss

Thanks to Amy Hupe, I learned that there's such a thing as National Blog Posting Month (#NaBloPoMo for short), and it starts today. So here we go with post n...

A modern alternative to CSS resets. Contribute to necolas/normalize.css development by creating an account on GitHub.

This reset library precisely targets only the styles that need normalizing to make browsers render all elements more consistently.

Create new colors based on another color's channels and values.

Drawio GitHub Integration

I recently added dark mode support to my website. While doing so I found a neat trick to make SVG images that changes colors depending on if dark mode is active or not.

Geist is a typeface made for developers and designers, embodying Vercel's design principles of simplicity, minimalism, and speed, drawing inspiration from the renowned Swiss design movement.

Der Gesetzgeber fordert ab 2025 von vielen Website-Betreibern, dass sie ihren Online-Auftritt für Menschen mit Behinderung optimieren.

HTML is the language of the Web, there’s a quality standard—expectation—for HTML, but we don’t make use of it, yet if we would, it would come with several advantages, one of them being that it could unite and propel us to master more important challenges, which would be good again for our field and the Web.

Own Your Web is a newsletter by Matthias Ott about designing, building, creating, and publishing for and on the Web. Every other week, I send out an exclusive email full of actionable insights, best practices, hacks, links, books, tools, and other high-quality insights I found or explored. Whether you want to get started with your own personal website or level up as a designer, developer, or independent creator working with the ever-changing material of the Web, this little email is for you. ❤✊ Free. No spam ever. You can unsubscribe at any time. By signing up, you consent to my use of your email address to stay in touch with you, as provided in my Privacy Policy.