New this week
AIGA
Today’s Design Is Shaped by Likes. And That’s a Problem
AIGA
Jun 28th · Design has become intertwined with the most harmful dynamics of the social web
CSS-Tricks
Single Element Loaders: The Bars
CSS-Tricks
5 min read · Jun 24th · We’ve looked at spinners. We’ve looked at dots. Now we’re going to tackle another common pattern for loaders: bars. And we’re going to do the same thing in
Reader View · Shared by 60
UX Collective
I’m not a robot (but, are you?)
UX Collective
~14 min read · Jun 24th · The case for authenticating humans, reclaiming our identities, and defending against the swarm of coming bots. Can web5 be the answer?
Reader View · Shared by 54
medium.com
Airbnb’s Trip to Linaria
medium.com
~17 min read · Jun 16th · Learn how Linaria, Airbnb’s newest choice for web styling, improved both developer experience and web performance
Reader View · Shared by 60, including Joe Lencioni
Codrops
UI Interactions & Animations Roundup #25
Codrops
1 min read · Jun 26th · A fresh collection of the best and most creative animations from Dribbble from the past couple of weeks.
Webflow
11 design collaboration tools for hyper-productive teams
Webflow
7 min read · Jun 20th · With the right design collaboration tools, you can sync with your team and become more productive.
Reader View · Shared by 82
medium.com
How we designed an accessible color palette from scratch
medium.com
9 min read · Jun 24th · We knew that, although meticulously crafted, our current 7-color design system (in other words, our secondary branding colors) was very…
Reader View · Shared by 143, including Arne Keuning
chenhuijing.com
CSS card shadow effects
chenhuijing.com
5 min read · Jun 15th · Card-style components are pretty much still a thing these days, and there are many ways to make a...
Reader View · Shared by 56, including Adrian Roselli 🗯
Smashing Magazine 🇺🇦
The Guide To Windows High Contrast Mode — Smashing Magazine
Smashing Magazine 🇺🇦
~17 min read · Jun 15th · In this article, we’ll see how to make our sites friendly for Windows High Contrast Mode by using a good set of practices, including the media query `forced-colors` and its toolset.
Reader View · Shared by 79, including Chris Heilmann
adobe.design
Reinventing Adobe Spectrum’s colors
adobe.design
~13 min read · Jun 22nd · Our science-backed approach to updating a color system that supports over 100 products
Reader View · Shared by 70, including Casey Smith
evilmartians.com
How to make absolutely any app look like a macOS app — Martian Chronicles
evilmartians.com
3 min read · Jun 16th · This quick article explains a few key UI features to keep in mind if you want to mimic the feel and look of a macOS desktop app.
Reader View · Shared by 83, including Jitendra Vyas, Evil Martians, StanChan
blog.aweber.com
Best fonts for emails: How to make your emails look great and easy to read
blog.aweber.com
5 min read · Jun 15th · It's tricky finding the best fonts for emails, but we've done all the work for you. Check out these 15 email-safe fonts and how to use them.
Reader View · Shared by 60, including Neuromarketing, Roger Dooley
Fast Company
This new AI-powered paint tool helps you create custom colors with your voice
Fast Company
2 min read · Jun 16th · Speaking in Color, a voice-controlled tool from Sherwin-Williams, uses natural language systems to interpret descriptions of the perfect color.
Reader View · Shared by 16, including JWT_Worldwide, Guy Kawasaki
c82.net
Making of 17th Century Watercolors
c82.net
~17 min read · Jun 18th · Way back in 2014, a Dutch manuscript from about mixing watercolors from 1692 made a splash in the blogosphere, because while it was centuries old, few had given it much attention and it was such a…
Reader View · Shared by 65, including Nicholas Rougeux, Mara Averick
Fast Company
Nielsen Norman Group
The Dos and Don’ts of Pairing Typefaces
Nielsen Norman Group
5 min read · Jun 20th · When choosing typography to use in designs, narrow down your options by understanding the most common classifications, looking for typefaces with multiple variations and distinct characters, and…
Reader View · Shared by 99, including Mike Taylor
figmadesign
How Figma put the bounce in spring animations
figmadesign
6 min read · Jun 16th · The physics behind spring animations
Reader View · Shared by 11
Prototypr 👁️✨
Touch-First Cursor: Round Pointers vs. Mouse Arrows
Prototypr 👁️✨
3 min read · Jun 21st · Apple reinvented the cursor to be 'touch-first' on the iPadOS, building on the original mouse pointer, and adding 'Pointer Magnetism' and more accessibility features. Here's a look at rounded pointers…
Reader View · Shared by 131, including InterfaceLovers
Recently popular
matthewstrom.com
How to pick the least wrong colors
matthewstrom.com
~15 min read · Jun 2nd · An algorithm for creating color palettes for data visualization
Reader View · Shared by 308, including Oliver Raduner, Dirk Spannaus
andy.works
The World's Most Satisfying Checkbox
andy.works
8 min read · Jun 14th · The Art of Game Feel (a.k.a Juice) in Product Design
Reader View · Shared by 268, including Scott Berkun, Simeon.__proto__ - BLM, Tim Holman, Ralph Straumann, Dom Zuend, Patrick Sanwikarja, faq-mac
siipo.la
What’s the best lossless image format? PNG, WebP, AVIF, and JPEG XL compared
siipo.la
9 min read · Jun 8th · In a blog post last year, I took a look at lossy image formats and how they stack up. This time, I thought it might be interesting to do a comparison of lossless image formats.
Reader View · Shared by 237, including Nico Müller 🇺🇦, Stephanie A Kowalski, Oliver Raduner
wix-ux.com
Designing the perfect button
wix-ux.com
~13 min read · Jun 16th · Everything you need to know about what makes a button great.
Reader View · Shared by 232, including Esther Schindler, Dj Mckenzie, CSS Weekly, Dom Zuend
storybook.js.org
Component Encyclopedia
storybook.js.org
3 min read · Jun 9th · Explore the world’s UI components to learn techniques that actually work
Reader View · Shared by 231, including Nick Floro, Adham Dannaway, James Young 🇺🇦, Yoav Ganbar
The Verge
Adobe plans to make Photoshop on the web free to everyone
The Verge
2 min read · Jun 14th · The goal is to hook artists who could subscribe down the road.
Reader View · Shared by 210, including Sara Soueidan, Stephanie A Kowalski, Bruce Lawson, Marsha Collier, Matt Navarra, Cory LaViska, Liliputing, Lee Odden - B2B Marketing
SitePoint
Web Typography: Establishing a Strong Typographic System
SitePoint
8 min read · Jun 9th · Setting up a new typography system is always a complicated task with literally hundreds of tweakable variables. The best way to save your sanity is a design system that can answers most of those…
Reader View · Shared by 198, including Stephanie A Kowalski
Codrops
How to Animate SVG Shapes on Scroll
Codrops
4 min read · Jun 8th · A short tutorial on how to animate SVG paths while smooth scrolling a web page using Lenis and GSAP's ScrollTrigger plugin.
Reader View · Shared by 197
superfriendly.com
“The Folly of Design System “Foundations”,” an article from SuperFriendly
superfriendly.com
7 min read · Jun 14th · The idea of “foundations” is one of the biggest threats to creating a design system people use
Reader View · Shared by 182
blog.jim-nielsen.com
A Short History of iOS App Icons
blog.jim-nielsen.com
4 min read · Jun 8th · The following was originally written by me and published as a chapter in “The iOS App Icon Book”. I am republishing it here on my blog (with slightly modified imagery) for posterity’s sake. This is an…
Reader View · Shared by 167
All-time favorites
medium.com
7 Rules for Creating Gorgeous UI (Part 1)
medium.com
20+ min read · From 2014 · A non-artsy primer in digital aesthetics
Reader View · Shared by 1474, including Alligator.io 🐊, Chris Messina, Brad Brooks, Kenneth Kalmer, Casey Smith, Fabricio Teixeira, Rodrigo Prior, Herbert Bay, Christopher Allen, Ryan Boren, Brent Summers, Kris Fannin, Thomas Power, Gabriel Weinberg, Glenn Oberholzer, Richard Hale, Daniel Williams, Nando 💪🇦🇺🇦🇷, Lluís Codina, Courtney Bolton ★
Unsplash
Unsplash | Free High-Resolution Photos
Unsplash
~20 min read · From 2015 · Do-whatever-you-want high-resolution photos. Download 10 new free photos every 10 days.
Reader View · Shared by 1326, including BrendanEich, Craig Brown, PhD, Casey Smith, Oliver Gassner / @oliverg@mastodon.social 💉🖖💚🎓, Brian Solis, Monica Burns, Ed.D. #EdTech 🔜 #ISTELive #ISTE, Max Stoiber, Klaus Eck, Meng To, Tomas Laurinavicius, Chris Messina, Christiane Link, Caroline Jarrett, 𝙉𝙞𝙘𝙤 𝙇𝙪𝙢𝙢𝙖, Ryan Boren, Michelle Tandler, Stever Robbins, Pat Kua, Mark Anderson FCCT 💛✨👨🏽🏫🏆🌈, Tiago Forte
lawsofux.com
Laws of UX
lawsofux.com
3 min read · From 2018 · 01Users often perceive aesthetically pleasing design as design that’s more usable.Learn More
Reader View · Shared by 1267, including Balaji Srinivasan, Tamara Sredojevic, Adham Dannaway, Susan Dybbs, Scott Berkun, Curadoria | Update or Die!, Stéphanie Walter, Fabricio Teixeira, designshard, Nilan 🇱🇰 නිලාන්, Yazeed Al Oyoun, Oliver Pitsch, Philip Junker, Artnome Says Back Up Your NFTs, Chris Coyier, Data Science Renee, 🎆 🌸 Samuel Hulick 🌸 🌄, Casey Smith, Josep M. Ganyet, Nick Finck
medium.com
How Technology Hijacks People’s Minds — from a Magician and Google’s Design Ethicist — Medium
medium.com
~16 min read · From 2016 · When using technology, we often focus optimistically on all the things it does for us. But I want you to show you where it might do the opposite.
Reader View · Shared by 1156, including fernand0, Parin Vachhani, Leo Polovets, Ryan Boren, Ernst-Jan Pfauth, Brent Summers, Tristan Harris, Kenneth Kalmer, Curadoria | Update or Die!, Matthias Sala, Nir Eyal, Thomas Power, Chris Messina, david cant ~👷♂️, Courtney Bolton ★, Howard Getson, Matt Navarra, Rand Fishkin, 🟣 Antonio Vieira Santos #FutureOfWork, hiten.eth
Product Hunt 😸
Remove Background from Image
Product Hunt 😸
2 min read · From 2018 · Remove Image Background: 100% automatically – in 5 seconds – without a single click – for free.
Reader View · Shared by 1084, including Ryan Hoover, Jacob Cass, Chris Heilmann, 𝙎𝙝𝙚𝙡𝙡𝙮 𝙎𝙖𝙣𝙘𝙝𝙚𝙯 💡, Cory Doctorow, BrendanEich, 👨🏻💻☕️, Balaji Srinivasan, Steven Sinofsky, Chris Messina, Marc R Gagné MAPP 🍁, Cyrus - Zyppy SEO, Madalyn Sklar Digital Marketing since 1996, Lea Verou, Una 👩🏻💻🇺🇦, Chris Coyier, Gail Gardner, Aleyda Solis 🇺🇦, Dr. Alec Couros, Peter McCormack ☠️
colorhunt.co
Color Hunt
colorhunt.co
From 2015 · Curated collection of beautiful colors, updated daily.
Shared by 1084, including Fabricio Teixeira, Glenn Oberholzer, Nils Hitze, Mark Kaigwa, Stephen C Sanders, Casey Smith, Daniel Williams, дэн, Courtney Bolton ★, Stephanie A Kowalski, Eric L. Barnes, L. Taylor Banks, Barnaby Skinner, Zain Fathoni, Lailo, Lluís Codina, { Monah } 💡, Greg Meyer, Kenneth Kalmer, Herbert Bay
UX Collective
Design Better Forms
UX Collective
5 min read · From 2016 · Common mistakes designers make and how to fix them
Reader View · Shared by 1061, including Christoph Janz 🇺🇦🎗🕊, Nils Hitze, Aleyda Solis 🇺🇦, Fabricio Teixeira, Tibor Martini 🇺🇦, Mark Kaigwa, Courtney Bolton ★, Brent Summers, Matthias Sala, Dominik Grolimund, Luca Hammer, Casey Smith, Dennis Lembrée, Chris Messina, Susan Weinschenk PhD, Alligator.io 🐊, Web Axe, Zain Fathoni, Parin Vachhani, Easy Chirp
Nielsen Norman Group
UX Mapping Methods Compared: A Cheat Sheet
Nielsen Norman Group
8 min read · From 2017 · Understand similarities and differences among empathy maps, customer journey maps, experience maps, and service blueprints.
Reader View · Shared by 1020, including Gabriele, Thomas Power, James Young 🇺🇦, René Clausen Nielsen, Mark Kaigwa, Fabrice Liut 🍌🥑😌, Bjoern Negelmann, Stephanie A Kowalski, Nando 💪🇦🇺🇦🇷, Fabricio Teixeira, designshard, Katja Evertz, Nicolas Berg, Greg Meyer, AJ Ghergich, Klaus Eck, von Moerenburgh, Grégoire Japiot 🌻, Tillmann Allmer, Mara Averick
medium.com
Why Product Thinking is the next big thing in UX Design
medium.com
7 min read · From 2015 · Life’s too short to build something nobody wants…
Reader View · Shared by 965, including Aleyda Solis 🇺🇦, Tibor Martini 🇺🇦, Nando 💪🇦🇺🇦🇷, Oliver Pitsch, ThomNagy, Klaus Eck, Martin Recke, designshard, Moritz Meenen, Dominik Grolimund, Herbert Bay, Chris Messina, Greg Meyer, Christoph Magnussen, Lailo, Thomas Power, Casey Smith, Marc Steffen, Scott Williams, Tris Hussey
Take a deep dive
