“That thing where someone sees their first usability study session and gets it — just never gets old.”

Sonuum

The web-based audio editor for everyone.

System UIcons

A collection of clean SVG icons designed for products.

Zero-config Storybook

What’s new in the popular UI development environment.

The Renaissance Of No-Code For Web Designers

New opportunities for designers with no-code tools.

The things of everyday design

Affordances, the hidden language of interface design.

The UX of LEGO Interface Panels

What LEGO bricks can teach us about design.

Clever Landing Pages demonstrating their product in-page

Product demos can be more than screenshots or videos.

Figma News

The design platform’s new ways to create higher-fidelity prototypes.

Warp SVG Online

An online tool to warp, bend, and distort SVG files.

Modern CSS grid solutions to common layout problems

Three layout implementations that can improve your website.

Form design best practices

Learn how to improve the design of digital forms.

Unsplash’s dataset is now open source

Over 2 million high-quality images and over 16GB of accompanying data.

Avatarz

An original library of customizable 3D avatars.

Reliable and Valid SVG Accessibility

Making SVG accessible has never been easier.

Storybook 6.0

Retooling Storybook for professional frontend developers.

Design Engineering Handbook

How to bring together form and function while accelerating innovation.

The Hierarchy of User Friction

Best practices for solving each type of friction.

“Designers should look less at how good they are and more at how much they’re learning.”

A Guide to Understanding What Makes a Typeface Accessible

How to make informed decisions.

Why Do We Interface?

The past, present and future of interfaces.

The Design System Encyclopedia

UI tokens, components, interaction patterns, and visualizations.

Leading-Trim: The Future of Digital Typesetting

How an emerging CSS standard raises the bar for web sites.

Access_ &Design Fellowship Program

Focused on Black, Latinx and Indigenous emerging designers.

Blush for Sketch

Easily create stunning illustrations right on your canvas.

Accessibility Testing is like Making Coffee

A metaphor to better cope with accessibility audit tools.

The Animated Web

A showcase of the best animations from around the internet.

The 2020 State of Prototyping Report

Global findings, actionable advice, case studies.

How Fast Should Your Site Load?

Measuring allows you to ask better questions and get better answers.

Clover

Work visually with the all-in-one notebook for creatives.

THIS IS AUTO-TUNE TYPOGRAPHY

Let‘s try to find a name for a current design trend.

The Past, Present, and Future of Scrollytelling

Will scrollytelling always be this widespread and popular?

ztext.js

Responsible and accessible 3D typography for the web.

10 online design tools you never knew you needed

Experimenting with tools can save you hours in the long run.

6 visual design principles that UX designers should be aware of

A few of the subtler, not as oft-mentioned principles.

User test in high-fidelity with our new partnerships

Framer has now integrated two user feedback tools.

Gettin’ Foldy with the Dual-screen Web

Say hello to web design for foldable devices.

Bootstrap Icons v1.0.0

Over 1,100 icons, ready to use and customize.

lookup.design

Handpicked UI and UX design examples for your inspiration.

RFC8890: The Internet is for End Users

The meaning of the latest RFC of the Internet Architecture Board.

CoverView

Easily create cover images for your blog or social media.

COVID-19 Has Changed Your Users

User needs are changing quickly and we must keep up.

Learn how to find image licensing information on Google Images

Google makes it easier to find licensable images.

Ground Rules for Web Animations

What to consider when using animations on product pages.

Canvas pages

Framer introduces a new way to organize prototypes.

mailgo

A new concept of ‘mailto’ and ‘tel’ links.

Display Typefaces

More than meets the eye: debunking of the display typefaces.

Component Driven User Interfaces

The practice of building UIs with modular components.

Sidebar Webring

A collection of handpicked blog feeds focused on design.

Shape

Countless customizable illustrations and icons for your web projects.

“Sketches are for thinking. Comps are for selling. Prototypes are for validating. Specs are for building. Experiments are for proving. Launches are for adoption. Features are for learning.”

Big changes are coming to GTmetrix

Lighthouse, new test locations, new PRO plans, etc.

Loaf

Animated SVG icon library packaged in an easy to use icon editor.

How to pick more beautiful colors for your data visualizations

Common color mistakes and how to avoid them.

“I am a professional web designer, which just means I have memorized fifteen different programs’ wildly inconsistent keyboard commands for ‘move this layer to the back’.”

“Good designers are interdisciplinary thinkers who care about things like social issues, cultural issues, and the world in which their design gets applied.”

Connect, No Matter the Speed

Let’s minimize user frustration due to connectivity.

AVIF has landed

How to use the new image format, and how it compares to others.

Arcade

A fun way to manage design tokens for enterprise teams.

How to Use Animations in Mobile Apps

Ways to add usability and elegance to interactions.

Three Myths About Calculating the ROI of UX

Don’t overthink UX return-on-investment calculations.

Introducing the Colorblind Generator

Stark introduces a sibling to its Colorblind Simulator.

Color within Constraints

A scalable color system for digital products.

Embracing the tension between code and design

Figma’s new features bring design and code closer together.

Form design

Best practice, research insights and examples.

“Designers obsess over colors, shapes, grids, typography. But getting better at writing is the fastest way to become a better designer.”

BGJar

SVG background generator for your website..

False Simplicity in UI Design: Simple is not always better

What can go wrong and how you can fix it.

Introducing Mono Icons

An own open-source, grid-based and extendable SVG icon set.

An Introduction to Multi-Platform Design Systems

Let’s expand our design systems thinking.

a11yresources

A growing list of accessibility tools and resources.

New Gradient Component

Components AI makes gradients a more malleable web material.

Jazz Musician Lettering

A colorful lettering collection for your design inspiraton.

Really Good Stores

Curated web design inspiration from the best online shops.

A fresh perspective and new visual identity for Adobe XD

The roadmap for Adobe’s UX/UI design tool.

“The next evolution of designers will need to have the ability to build and foster communities.”

iPad Illustrator

The iPad version of Adobe Illustrator launches soon.

HSLuv

A human-friendly alternative to the HSL color model.

Compress-Or-Die

Online image compressor with professional features.

“Remember when we had the mental energy to hate a new logo?”

When fonts fall

A guide to font fallback, its beauty, and all the pitfalls.

Famous Logo Designs

Including their final logo design sketches and napkin doodles.

The Colors of Jean Giraud aka Moebius

How the comic artist used color through his stories.

Volt

A starter kit to help you master interactive prototyping in Framer.

Traffic Design

What if modern designers were tasked with traffic signs redesign.

Touch, Point, Click: Mouse vs Touch Screen Input

Why different methods of user inputs matter in design.

Opening Links in New Browser Windows and Tabs

What to do and when.

What's new in Sketch 69

Color variables, components view, insert window, and more.

Radix Icons

An open-source SVG icon set, ready for Figma, Sketch, React.

7 myths designers and developers believe about web accessibility

Common accessibility myths busted.

Design better by avoiding your cognitive biases

By knowing the biases you can do something about it.

3,000 Hands

A free library of diverse hand gestures.

CSS Background Patterns

Cool CSS background patterns for your web projects.

The good line-height

Calculation for a given font size and baseline grid.

Adobe XD for Visual Studio Code

Create and consume Design System Packages.

Photoshop: Now the world’s most advanced AI application for creatives

Introducing five new artificial intelligence features.

ClipDrop

Capture and transfer anything around you.

SVG Favicon Maker

Build a favicon based on a letter or an emoji in seconds.

Halide Mark II

A powerful iPhone camera app with XDR and RAW features.

Data Visualization Book Reviews

Figure out which books you want to read about data visualization.