Mac external displays for designers and developers

What are the criteria for a good external Mac display in 2022?

Dataland

A database with a no-code UI that anyone can use.

Sketch Adjustable

Handcrafted scribbles, arrows, and shapes in vector format.

What developers need from UX research

Insights from interviews with software engineers.

DALL·E 2

Create realistic images and art from a description in natural language.

Contrast Grid

Test color combos for compliance with WCAG 2.0 minimum contrast.

Pixel Art Together

Online pixel art editor for multi-players with layers, blend modes, and more.

What if... one day everything got better?

An idea for the Global Accessibility Awareness Day.

How to fix your low-contrast text

Let’s remove a huge access barrier to our websites.

How to write better link text for accessibility

Guidelines for content writers, editors and website managers.

A checklist for choosing type

A universal guide for selecting typefaces.

Childish font sizes

Let’s go beyond the 16-pixel baseline for body text on our websites.

Ideal SVG exports

Some opinions on how design tools should export SVGs.

3 UX best practices for consumables subscription services websites

Based on 1,200+ hours of UX testing.

The WebAIM Million 2022 Update

WebAIM’s annual accessibility analysis of the top million home pages.

“I don’t know if I’m the only one, but I don’t feel trust in a service’s website when its logo is pixelated. Use SVG, please. It’s sharp and crisp.”

Identifying fonts: the complete guide

Best methods for identifying fonts in websites, mobile apps, PDFs, and image files.

Tally

Easily create forms and surveys without knowing how to code.

“Most landing pages these days are so obsessed with looking and sounding like Apple that they fail to actually describe what they even do. It’s maddening.”

SVG passthrough precision

Affinity Designer, Figma, Illustrator, Sketch, and XD on the test bench.

Build Excellent Websites

Key foundations and principles for building state-of-the-art websites.

The New Exhibition

A showcase shining a light on work of Ukrainian designers, illustrators, and animators.

A quick guide to UX metrics

What metrics are the most valuable for a project?

Introducing Material Symbols

Over 2,500 glyphs in a single font file with a wide range of design variants.

SND

Crafted UI sound assets for UX developers.

the html review

An annual journal of storytelling and experiments that relies on the web as a medium.

“I cannot overstate the value of sitting down with real users and watching them use your product.“

DALL·E 2 and the origin of vibe shift

The evolution of modern visual aesthetics to AI-powered illustrations.

Component visual test cases

Important visual test cases for validating Figma components.

Make Live

Unreal Engine streaming platform to run real-time experiences in the browser.

Deep dive into top web developer pain points

Insights from some one-to-one conversations.

“Writing is for the mind like water is for the body. You’re almost certainly not doing enough, it’s almost impossible to do too much, and it improves just about everything.”

Coverview

A web tool to easily create appealing cover images for your blog.

Traditional web design process is fundamentally broken

Many teams still use a waterfall process creating dozens of artifacts.

Vincent Le Moign

The designer who has created over 100,000 icons with his team.

What is black and white and read all over?

Emoji are a font, and it’s time they started behaving more like one.

Foldable devices

What to consider when designing for flexible screens.

All the user-facing states

A reference of user-facing states, what they are, and what they are not.

“Hiding content is rarely about what ‘mobile users’ want; it is almost always about a process that prioritized the widescreen experience until the very end.”

Framer CMS

How to create and publish a blog in Framer Sites using the CMS.

“The best design advice I have is to take breaks and rest.”

Roboto … but make it flex

Google’s most popular font gets customizable.

Designing a better language selector

All the fine little details of a language selector we need to consider.

It’s time we fix the unethical design of cookie consent windows

Alternatives to forcing users to accept all cookies.

“Any time someone says ‘buttons are the simplest components,’ I can’t help but think ‘you’re new here aren’t you?’”

A product design process for the real world

Ted Goas’ playbook to break down and execute design projects.

Variable Fonts

A simple resource for finding and trying variable fonts.

An opinionated piece about designers who describe their work as accessible.

Readability: the optimal line length

The optimal line length for body text is 50–75 characters.

Variable fonts support in Figma

Figma’s introduction and playground to learn more about variable fonts.

Blob Animation

A little online tool to create smooth animated SVG blobs.

“Instead of thinking about web design in terms of ‘mobile’ or ‘desktop’ we should think about layout as a ‘continuum,’ where mobile and desktop may be at the extremes.”

On Design Thinking

“Design Thinking is linear, simplistic and procedural. Real Design work is complex, chaotic and messy.”

Designers, (re)define success first

What prevent us from practicing daily ethical design.

“The core of information architecture is quite simple: it’s about organizing stuff to make it easier to find and understand.”

OptimizeImages

A single online toolkit with various image optimizers and converters.

OOUX and design systems

Object-Oriented UX for design systems: articles and podcast episodes.

“Psst, users don’t care whether the space is 24px or 36px, they just want a readable, usable experience.”

color  ×  color

A web tool to generate color shades in different color spaces.

Ideas from developers on handling UX feedback

Actionable insights from developer interviews for your team.

Design happens between breakpoints

Static mockups: another pitfall in the traditional web design process.

“You cannot design effectively for users if you never talk to them.”

Naming colors in design systems

How language brings logic to a subjective topic.

Giving a damn about accessibility

A candid and practical handbook for designers.

Subsetting.xyz

Type foundries that allow you to subset their fonts to speed up your website.

The forgotten benefits of “low tech” user interfaces

“Low-tech user interfaces can be superior to high-tech ones.”

Interactive typography tutorial

Learn the logic of great typography in a 5-minute interactive tutorial.

Font Matrix

See and pair typefaces like never before.

Checklist for moderating a usability test

10 simple steps to make your sessions go smoothly.

“To be successful, a content team needs three areas of focus: direction (strategy), implementation (the design work itself), and enablement (ops).”

Felt

A collaborative mapping tool built for anyone to make maps in minutes.

System Font Stack

Pre-installed fonts can be an excellent choice for websites.

Four tradeoffs when designing navigation menus

Tradeoffs we make in conveying UI structure through navigation menus.

Too late designs

When you tell your designer about further requirements after a finalized project.

Ultimate list of Chrome extensions for designers

Handy little tools that can help you fasten your design activities.

SaaS Surf

Curating the web for developers, designers, makers, and creatives.

Human Interface Guidelines

Apple’s guidance and best practices to design great experiences.

Mobile UX trends: the current state of mobile UX

There are still many opportunities to improve the mobile user experience.

Campsite

A home for all the work-in-progress of your design team.

Research Bookmark

Countless resources around UX research, including a search engine.

CSS Shadow Gradients

A CSS generator to create shadows with a color transition.

How designers can help drive better engineering practices around user interfaces

Diagnose and fix any gaps to shipping high quality UIs.

Plain language web writing tips

What you can do to help your readers complete their tasks.

The world’s most satisfying checkbox

A case study of applying game feel to product design.

The folly of design system “foundations”

“The idea of ‘foundations’ in design system work is a black hole.”

Adobe plans to make Photoshop on the web free to everyone

For now, it’s testing a freemium version in Canada.

Accelerating GitHub theme creation with color tooling

The story of Primer Prism, GitHub’s open-source color tool.

Faulty assumptions and unwanted features of most web design tools

How design systems amplify process and tool problems.

GIMP 2.10.32 released

The open-source image editor now supports JPEG XL loading and exporting.

Design Systems Survey 2022

What your peers had to say about their design systems.

Bunny Fonts

An open-source, privacy-first web font platform.

Responsive design process that works

A process to solve a wide range of design problems.

The surprising psychology of fonts

A new study suggests that different fonts can elicit different emotions.

Reinventing Adobe Spectrum’s colors

What it means to change the foundation of an enterprise-level design system.

The dos and don’ts of pairing typefaces

How to choose typefaces with consistency and readability in mind.

“Designers who have the time to name layers scare me.”

Tailwind templates

Modern CSS website templates built with React and Next.js.

2022 Logo Trend Report

The 20th annual Logo Trend Report presented by LogoLounge.

Accessible design systems

Sustainable accessibility by embedding accessibility in a design system.

Craiyon (formerly DALL-E mini)

An AI image generator that draws images from any text description.