What Millennials and Gen Z users expect from their online experiences

New generations of users are always going to challenge the status quo.

“Clear writing is clear thinking. Clear drawing too.”

Localfonts

Preview your local fonts on top of flat colors and images in the desktop browser.

Allow users to choose the frequency of newsletter emails

Top reasons users unsubscribe from emails and what you can do about it.

Illustration Link

A starting point to find quality illustrations for your projects.

8 icons in 2 mins 40 secs

The creation process of 8 icons in a single video take, playing back at normal speed.

How to distort text with SVG filters

Make some noise with simple SVG filter primitives.

Reading Design

An online archive of critical writing about design.

“Design founders are prone to overdoing visual polish – great for the ego but rarely a differentiator.”

Foundations: target sizes

How to design click and touch targets from an accessibility perspective.

uiverse

Create, share, and use custom UI elements made with HTML and CSS.

2023, the year of websites

Start small and keep it simple, then chip away over time.

Cameron’s World

“A tribute to the lost days of unrefined self-expression on the internet.”

Color: My journey through the spectrum

New ways to explore and work with color.

UX Dictionary

A community-built dictionary that helps people understand UX better.

The state of usability in 2023

Things that users find frustrating and delightful on the web today.

ui.land

Interviews with designers and engineers about how they approach their craft.

The state of mobile user experience

The lines between the mobile web and native apps are becoming blurrier.

What is a design system?

Types of things that can be described as design systems.

Future of Storybook in 2023

Many improvements, enhanced performance, and stability.

OGimage.gallery

A collection of carefully selected open graph images.

Chart.Guide

Choose and design the perfect chart for your report, presentation, or website.

Rethinking authentication UX

User authentication without complicated rules and restrictions.

Design Events Guide 2023

Find the best UX/UI, motion, and graphic design events worldwide.

Models of interaction

An inspiring selection of tools that blur the line between designing and engineering.

Minimalism vs Maximalism

The two varieties of web design involve polar opposite techniques.

“My biggest piece of advice for designers is to work on a CMS. Nothing has been more foundational for my career than forming a deep understanding of how data gets flexibly but predictably created and moves through a system.”

21 small thoughts (and counting?) about Information Architecture

The UX discipline of Information Architecture (IA) in a nutshell.

Pixelicious

Quickly and easily convert your photo or image into pixel art.

SSSVG: An interactive SVG reference

Shapes, transforms, masks, patterns, gradients, text, and more.

Making the most of buttons in UI design

Button anatomy, usability, accessibility, theming, and use cases.

Emoji directionality on the 2023 emoji candidate list

This year’s candidates focus on the direction emojis are facing.

The end of UX design: the birth of product leadership?

“We made a mistake: we called UX design UX ‘design.’”

Common sign-up patterns

The sign-up flow: how it works and how you can improve it.

Logggos

A filterable collection of well-designed logos for your inspiration.

The one thing missing from UX today? Hope

UX design is more than the execution of methodologies.

Visual design techniques

A phenomenal collection of visual design patterns and techniques.

Navigating UX Content in 2023 and beyond

Where are content strategy and content design going in the year ahead?

Versioning design systems

Best practices to track, document, and communicate design system changes.

How to design a registration form

What to consider when designing a form with email and password input.

Merge design and code with Penpot

The design workspace bridges the gap between design and programming.

The guide to responsive design in 2023 and beyond

Responsive design isn’t about media queries anymore.

Hex colors aren’t great at anything except being popular

An overview of color formats and their support in different design tools.

Learn Images

An in-depth course on images for the web.

Modern Illustration

An archive showcasing the work of pioneering illustrators from 1950 to 1975.

Poline

Generate stunning color palettes with the magic of polar coordinates.

The future of UX: 2023 and beyond

UX designers have the power to shape the future through their choices.

Stable Attribution

A tool to find the human creators behind AI-powered images.

Gen-1

Use words and images to generate new videos out of existing ones.

“Naming things is hard. Creating taxonomies is harder. Making them scale is hardest.”

Mastering website navigation

How to improve navigation to help your users find what they want.

“Dark mode is not just about inverting the colors. UX is not math.”

Font Psychology

Font selection can significantly impact what you say through design.

Adobe JPG to SVG Converter

Upload your JPG image and convert it to a vector in seconds.

SVG Repo

A huge collection of open-licensed SVG icons and vector graphics.

Typography Manual

A fresh and contemporary approach to web typography best practices.

UX Pattern Analysis

Deep dives into enterprise-specific UX patterns filled with examples.

Theme Toggles

Animated toggles, designed for switching between light and dark modes.

“The specific design, technology, and tool choices your design system makes are very rarely the reasons why it will succeed or fail.”

Lessons of design

A treasure trove of concise, actionable advice on design-related topics.

Openverse

A giant collection of open-licensed stock photos, images, and audio.

The ethical implications of AI in design

What to consider when navigating the complex ethical terrain of AI in UX design.

Creating a landing page using AI tools + no code

AI tools can handle copy, video, audio, images, fonts, colors, and code.

Design systems in the time of AI

“The machines will undoubtedly impact the world of design systems.”

“Make it easier” is not a product strategy

Why simplicity falls short as a standalone product strategy.

Web interface guidelines

A generic list of details that make a good web interface.

1 dataset, 100 visualizations

The many ways to tell a story with limited visual properties and assets.

Button design tips to avoid common mistakes

Practical tips for creating accessible and user-friendly buttons.

Meet Penpot

An open-source design platform made for designers and developers alike.

Revisiting Framer

What to expect from the latest version of the trending design tool.

Free Faces

A collection of typefaces that are available under a variety of free licenses.

Directing user attention

“Attention is the key to creating successful websites and apps.”

The most popular experience design trends of 2023

A panoramic view of the current UX design trends and how they have evolved.

Curated Design

Find design inspiration in this catalog’s handy categories.

Accessible Palette

Create color systems with consistent lightness and contrast.

The next generation image format for the web is not JPEG XL?

Why it seems hasty to dismiss JPEG XL as an option.

RemoveBG

An AI-powered web tool to remove image backgrounds in seconds.

Edit Photo

A private photo editor that lives in your browser.

“There are two types of designers. The one that complains about not having a seat at the table. The one that doesn’t want to join the meetings. And it’s both the same designer.”

How people read online

Insights on online reading behaviors and tips for creating accessible text.

An end to typographic widows on the web

A new CSS declaration promises to stop typographic widows virtually.

Type Design Resources

Guidance, inspiration, resources, and tools for typography enthusiasts.

How to design search in user interfaces

Design practices for creating a user-friendly search on websites.

Modern font stacks

The fastest fonts available: no downloading, no layout shifts, no flashes.

GPT-4 demo turns a crude sketch into a functional website

What cutting-edge artificial intelligence is capable of in web design.

Levels of user onboarding

Teaching new users how to use a product’s interface is not enough.

“We need to stop treating ‘okay design’ like it’s ‘bad design.’ There’s a big difference between ‘could be better’ and ‘this is unusable,’ and it benefits nobody.”

The importance of adding accessibility design reviews to the design process

What digital design and blueberry muffins have in common.

“If your site has a favicon when you launch, you launched too late.”

How web designers can be inspired by architecture

The similarities between the world of architecture and the world of digital design.

Adobe Firefly (beta)

A family of creative, generative AI models coming to Adobe products.

Little UI design rules that make a big impact

UI design is easier with logical rules and guidelines.

Preventing too-short final lines of text blocks

A CSS proposal to get direct control over widows in text blocks.

“We’re about to enter a world where we will have no way to know if any image or video is real or not. And we seem to have no plan for how to deal with that.”

Ruffle

Flash is back on the web – with a Rust-based Flash Player.

Fighting inter-component HTML bloat

Ways to deal with an unwanted byproduct in design systems.

Data table design UX patterns

A complete guide on how to design delightful data tables.

Introducing Spline AI

The power of AI is coming to the 3rd dimension, objects, animations, and scenes.

The complete guide to user interviews

A walkthrough of the steps involved in the interview process.

A comprehensive checklist for running design workshops

Considerations for planning design workshops with people in mind.