Design

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

Each individual is a universe of its own and each company or UX department has a set of unwritten rules. When you’re in doubt, the…

To help communicate what a web form designer does, I've reviewed and tried to improve the Tesco loan calculator.

Practical CSS and design tips that helps in building future-proof user interfaces.

3D artist Jigar Patel (@jigpx) makes mesmerizing computer graphic animations. He created a series of brilliant clips called “Logo Factory”, and it's quite hard to stop looking at themTikTok: https://t.co/23Dvr1CsRjInstagram: https://t.co/GrGuT4bQeypic.twitter.com/iNBXFfnfmU— Massimo (@Rainmaker1973) August 23, 2022

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