Mural paintings

Generative art in the public space for your web design inspiration.

Lowww

Directory of low-carbon websites to inspire designers to build greener products.

PageSpeed Insights

Performance reports and improvement suggestions for web pages.

Design systems are for user interfaces

A small change in our mental model of design systems can make a big difference.

Stay in the flow with redesigned comments

Figma starts rolling out a new comment experience.

“The wild thing about digital product development today is that it’s actually really easy to make something decent, but it’s incredibly and exponentially more difficult to create something truly excellent.”

tldraw

A drawing tool with a hand-drawn style and convenient features.

Tilt

An amazing type family inspired by the 3D lettering found in storefront signage.

“There are two types of designers. Those who mystify the craft and those who demystify the craft. Be the latter.”

Designing a reorderable list component

Let’s create a reorderable list with a great user experience.

SVGcode

Convert raster images like JPG, PNG, GIF, WebP, or AVIF to SVG vector graphics.

Accessibility Myths

Common accessibility myths debunked.

Icônes

Icon explorer to quickly search through icon sets and generate a font pack.

A look at WordPress 5.9

New ways to change the entire look and feel of your website.

There is no digital world

Everything digital costs something physical.

2022 color trends

The colors that are on the way to climb the charts in the coming year.

“Accessibility and aesthetic design are not at odds with each other. It is possible to make something beautiful and accessible.”

“The best designers listen, observe and learn from others.”

Shuffle

Generate a website’s structure and finish it in a visual editor.

Tackling UX theatre

Ways to stop the practice of user-centered design without including users.

Toxicity in digital design: A status report

We still have many barriers to progress in digital design.

Adaptive, accessible and automated color for design systems

Let’s make contextual colors more readable and recognisable anywhere.

2021 Design Tools Survey

Keep up with the industry’s trends and discover new tools.

Image Optimizer

An open source tool for optimizing images and vector graphics.

Storybook 6.4

The tool for building UI components is now interactive, faster, and smaller.

Lorem Faces

AI generated portrait photos for your designs, themes, and avatars.

Finding the narrative: on storytelling in design

The leading principle is “Story first, then design around that.“

Test your site with real users

How you can gain an external view with user testing.

ffflux

SVG generator for fluid gradient backgrounds.

Svija

A no-code website builder to create websites entirely in SVG.

DojaCode

“The first-ever codable music video experience.”

Modern fluid typography editor

Responsive typography with CSS made simple.

Accessibility-first design approach

The approach explained in the context of existing design strategies.

New in Sketch

Speed up your workflow with new layer navigation and selection improvements.

Freelance writing rates

How much to charge for freelance writing services.

How many people with disabilities use our site?

The reasons we can’t measure assistive technology usage.

Fonts Knowledge

A library of original guides to the world of typography.

An introduction to UI sounds

Types of UI sound and when and where to use them.

Payment method UX

Research findings reveal how to design payment selectors.

WCAG 3 is not ready yet

So, what about that exciting new color contrast algorithm, then?

Open Props (and custom properties as a system)

A smart technique to building a design system.

Coloring with code

A programmatic approach to design.

“I can’t wait until tomorrow when I hate what I designed today.”

Font Awesome v6 beta

The next level of Font Awesome’s popular icon library and toolkit.

FreeIcons

A searchable collection of more than 100,000 open-source icons.

Designing better links for websites and emails

Alternatives to popular wording and formatting mistakes.

Component Encyclopedia sneak peek

Popular component libraries, design systems, and apps in one place.

Framer Motion 3D

Easily add beautiful and interactive animations to 3D scenes.

Dither Pattern Maker

A generator of pixel patterns using dithering.

Wide gamut 2D graphics using HTML canvas

WebKit enables the best use of displays that are becoming increasingly common.

Cognitive bias and the design process, part 2

Let’s avoid that our own bias creep into the design process.

12 Days of UX-mas

Twelve inspiring pieces of UX design from popular apps.

“That feeling you get when you’re close to figuring out the right solution to the problem is why I love being a designer.”

The State of UX in 2022

As designers, “we have an incredible opportunity ahead of us.”

Creative Cloud Express

Photos, templates, fonts, and tools to enrich your web pages, videos, and social posts.

Pixel patterns

Patterns generated by simple mathematical rules.

“Every sketch, every prototype is a value judgment. Designers make ethical choices every day, even if they don’t realise it. So ethics isn’t add-on work: it’s core work.”

“So many of these older UXers I’ve met are like UX zen masters. Their approach is ‘hey, let’s slow down for a minute and take a look at what’s going on. Let’s all talk about what we see in the product. And no needs to raise your voice. All opinions are fine.’”

Why I love Style Dictionary, and why you should too

There is a simple yet powerful system for managing your design tokens.

Top product management and UX articles of 2021

Matt Anderson’s top ten articles and honorable mentions.

Glitch Image Generator

A tool that allows you to add a glitchy effect to your images.

The best fonts of 2021, as chosen by type designers

Serifs, scripts, revivals, experiments, and a DIY typeface.

CRUX 4th edition

This issue of the UX magazine focuses on communication and teamwork.

Santa was here

Seasonal illustration, made with CSS.

The case for building more dynamic landing pages

“Mini-product experiences” can be a game-changer.

Design system FAQ: adoption and implementation

Too much talking on which tool, too little on who’s using it.

The UX Research Field Guide

User research doesn’t have to be that hard.

Loominous

An online tool for weaving pattern making.

The year in type

A look back at some of the highlights of 2021.

Review of UI design trends for web and mobile in 2021

Tubik’s annual review of design trends.

Top 10 UX articles of 2021

The most read UX articles 2021 from the Nielsen Norman Group.

“If you’re a maker of the web, consider your New Year’s resolution to be making usable, accessible, performant sites/applications.”

Happy New Year!

Let’s render anything as HTML checkboxes.

Nicole He’s internet realm

The creative technologist’s anything but ordinary personal website.

Snowflake Generator

It cycles snowflakes from seeds to their final state, thanks to WebGL.

The Colors of Motion

Visualization of popular movies as color timelines.

Manrope

A lightweight and modern sans-serif font for everyone.

UI is just micro UX

Learn to value both as a complete UX experience.

The good, the bad and the toggle

A dissection of the toggle, checkbox, radio button, and related components.

My favorite design articles of 2021

Short reviews of a bunch of articles covering product design.

Codrops 2021

Last year’s highlights from the inspirational blog for front-end developers.

Pounx

A browser-based 3D design tool with real-time collaboration.

Positive friction

How you can use it to create better user experiences.

Creating great content is a process, not a project

The pressure to “get it right” doesn’t have to be so rough.

Bad ideas in visualization

Thought-provoking analysis of some data visualization practices.

Shapefest

A comprehensive library of high resolution 3D shapes.

Lottie Animations

A huge collection of ready to use interactive animations.

This is WCAG

The Web Content Accessibility Guidelines in plain language.

Video to GIF converter

Adobe’s online converter to transform your videos into GIFs.

“I’m concerned when I see someone’s title looking like UX Designer, Service Designer and Content Designer. Each one is already a full time job, how can someone do the three?”

Autonomy, relatedness, and competence in UX design

Design from the perspective of three basic psychological needs.

Figma to Framer

A plugin to copy and paste designs from Figma to Framer.

What is the future of UX?

Jesse James Garrett about the evolution of UX design.

Convert SVG to Lottie

A tool to transform your SVG icons or illustrations to Lottie animations.

Flow and Redacted

Google Fonts for your wireframes and other early-stage designs.

Edit Photo

Browse, paste, or drop your photo and start editing.

Shottr

Screenshot app for designers and UI developers.

Unlighthouse

An entire site audit tool for scanning live and development sites.

Framer

Design websites right on the canvas, and it’s ready to be published.

The case against UX testing

“UX testing almost always works, but it is only profitable at scale.”