Design

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

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.