Design

There are many website optimization vectors—SEO, performance, accessibility, &c.—, but optimizing on only one dimension may not only be expensive, but also counter-productive. On optimizing optimizations.

Few magazines have a visual presence as iconic as Rolling Stone’s—outlandish, ornate, and memorable. Roger Black approached XYZ Type to redesign the classic logo in 2021. We were thrilled at the prospect of putting our own lettering on the cover of this influential magazine, and intrigued by the challenge of celebrating the publication’s visual history by creating something entirely new.

→ Blank Card Textures

Hand-Drawn Illustration Library

Blush makes it easy to add free illustrations to your designs. Play with fully customizable graphics made by artists across the globe.

Christine highlights some of Figma’s features and possibilities to help you build a design that aligns with code as much as needed and improve your team work.

Button placement can make or break a form. Find out the best place to put them in this article.

Explore the Crayon Hand Drawn Icons icon collection by Spencer Harrison at Noun Project.

On a mission to help the world build better user experiences by demystifying UX. Thousands of hours of research packed into UX case studies.

Die US-amerikanische Konzeptkünstlerin Barbara Kruger (* 1945) entwickelt für die obere Halle der Neuen Nationalgalerie eine neue Schrift-Installation

Wie nutzen Menschen mit Behinderung das Smartphone und die Sozialen Medien? evangelisch.de hat Heiko Kunert getroffen. Er ist blind und Teil der Initiative #barrierefreiPosten.

It turns out what I missed was the SVG Security page on the W3C’s wiki, where it says external SVGs brought in via are denied the ability to fetch other resources. So that answers that.https://t.co/xcLR6kIKCH(hat tip: @shshaw)— eric_meyer.css (@meyerweb) August 11, 2022

Adobe XD is a powerful wireframing tool for UI/UX designers. Quickly mock-up and wireframe layouts, create UI elements, define user flowcharts, and so much more.

Whose sources, and whose truths?

The Past, Present, & Future of Interfaces • A micro-book with incomplete observations on human-computer interfaces by Ehsan Noursalehi

How to use use position:absolute less by leveraging modern CSS

In this article, Catherine Houle and Ilknur Eren share how their organization “Understood” removes barriers for people who learn and think differently by combining accessibility and usability in their processes. They also cover basic steps on how to fix common accessibility issues.

Design can never truly be free of culture, gender, and bias.  Our pursuit of a neutral and universal design may bring us to modernism, minimalism, and the Apple-esque aesthetic, but these design schools, inspired by eurocentric standards, carry qualities associated with masculinity. How can we go beyond the stereotypical binary view of masculine and feminine and create more universal, inclusive designs? Genderfluidity can give us a hint about the future of design and culture.

A redesigned Gmail may have already arrived in your inbox. No, it’s not all that different. But what would you say if it were?

How to improve authentication UX, with magic links, 2FA, better password recovery and relaxed rules for secure, accessible and usable passwords.

For users with color vision deficiencies, certain color combinations can have detrimental effects on their use of the Bloomberg Terminal.

Natural, Quantiles, Linear, Custom – which option ist the best for your map? We explain all options for continuous (unclassed) and stepped (classed) data.

To test, or not to test, that is the question. Ask yourself 7 questions to determine whether you need to test your designs or not.

Build optimized websites quickly, focus on your content. An optimized site generator in React. Docusaurus helps you to move fast and write content. Build documentation websites, blogs, marketing pages, and more.

One of my most recent contributions is arguably one component, but actually comprises of three Web Components. We're talking about tabs.