New this week
CSS-Tricks
GIFs Without the .gif: The Most Performant Image and Video Options Right Now
CSS-Tricks
~13 min read · Sep 28th · So you want an auto-playing looping video without sound? In popular vernacular this is the very meaning of the word GIF. The word has stuck around but the · Shared by 72
Spotify Design
Finding your T-Shape as a Generalist Designer
Spotify Design
7 min read · Sep 26th · In the first instalment of an interview series, two Designers reflect on life as a generalist at Spotify and the career path that led them here. · Shared by 84
devicescss.xyz
Modern devices crafted in pure CSS
devicescss.xyz
Sep 16th · Modern devices crafted in pure CSS. Pure CSS iPhone 14 Pro, iPhone 14, MacBook Pro, iPad Pro, iMac, Apple Watch Ultra, HomePod, iPhone 1st gen, and Surface family devices. · Shared by 15, including Stef Walter
Prototypr ๐๏ธโจ
The Future Of Design Is Open Source, Thanks To Figma
Prototypr ๐๏ธโจ
9 min read · Sep 23rd · How Figma made Open Design a thing, and a look to the future of open source design tools, like Penpot! · Shared by 114
Chrome Developers
Testing Web Design Color Contrast
Chrome Developers
~12 min read · Sep 22nd · An overview of three tools and techniques for testing and verifying accessible color contrast of your design.Say you have some text on a light background, like this: · Shared by 156
image-synthesis-style-studies.notion.site
About: Image Synthesis Style Studies
image-synthesis-style-studies.notion.site
2 min read · Sep 26th · Last updated August 28, 2022 · Shared by 143
Recently popular
Ars Technica
With Stable Diffusion, you may never believe what you see online again
Ars Technica
9 min read · Sep 6th · AI image synthesis goes open source, with big implications. · Shared by 581, including Evan Kirstel the $B2B Techfluencer, Ser Jeff Garzik, Bob E. Hayes, Howard Getson, Fabio Chiusi, Tim, Jennifer Ouellette, Martin Ford, Rick Powell, James Gingerich, @Expeflow #WorkEasier #RPA, Kevin Mitchell
andys.page
4.2 Gigabytes, or: How to Draw Anything
andys.page
8 min read · Aug 30th · In our world, we can do anything that we want to do here. Any old thing. - Bob Ross, The Joy Of Painting Season 29 Episode 1 Watching a vibrant Seattle sunset the other day, my imagination started… · Shared by 303, including Peter Steinberger, Wesley Fryer, Ph.D. ๐๐๐ (he/him), Matthew Turland, Nils Hitze, John Maeda, Phin Barnes
Smashing Magazine ๐บ๐ฆ ๐ณ๏ธโ๐
The Realities And Myths Of Contrast And Color โ Smashing Magazine
Smashing Magazine ๐บ๐ฆ ๐ณ๏ธโ๐
~20 min read · Sep 7th · In this article, Andrew Somers, a 35-year veteran of the Hollywood film and television industry, shares his experience about the hard-fought battles and lessons learned designing for illuminated… · Shared by 265, including David Gates, Hannah Milan, Ian Pouncey, Karl Groves (he/him), Stephanie A Kowalski
The Verge
Welcome to the new Verge
The Verge
7 min read · Sep 13th · A complete redesign of The Verge that marries the best of old-school blogging with a modern newsfeed experience. · Shared by 243, including Gabriele, Oliver Fuchs, Richard MacManus, OM, Chris Coyier, Konrad Weber, Scott Hanselman, Brad DeLong ๐, Rene Ritchie, Guillermo Rauch, Matt Navarra, Chaotic Goode, zeldman, Stowe Boyd, Casey Newton, Seeker by The Verge, Oliver Reichenstein, Florian Jungnikl-Gossy ๐ฆ, Karen K. Ho
chenhuijing.com
So your designer wants stuff to overlap
chenhuijing.com
6 min read · Sep 6th · I started my first full-time web developer job back in September of 2013 (not counting the period where I built random sites for random people). · Shared by 197, including Adrian Roselli ๐ฏ
UX Collective
A beginnerโs guide to Design Tokens
UX Collective
~13 min read · Sep 6th · Learn the basics of what design tokens are, how theyโre used, their benefits, and some tools and resources to get you started. · Shared by 195, including David Hellmann
Chrome Developers
Building the main navigation for a website
Chrome Developers
20+ min read · Sep 7th · This tutorial describes how to build an accessible main navigation of a website. You learn about semantic HTML, accessibility, and how using ARIA attributes can sometimes do more harm than good.There… · Shared by 189, including Arne Keuning, Dennis Lembrรฉe, Matthew Turland, Chris Heilmann, David Hellmann, Neil Hart ๐, Web Axe
doc.cc
The aesthetics of our new fictions
doc.cc
~13 min read · Aug 30th · Visual symbols are powerful ways to make social constructs โfrom fashion to governmentโ feel legitimate, trustworthy, and familiar. What's the role that design play in shaping our future fictions? · Shared by 189, including Esther Schindler
UX Collective
Five areas Figma need to improve on to stay a step ahead
UX Collective
20+ min read · Sep 3rd · Figma are dominating the product design tools space, but here are five areas I think they need to work on to maintain their market lead. · Shared by 182, including Neil Hart ๐
Smashing Magazine ๐บ๐ฆ ๐ณ๏ธโ๐
One Formula To Rule Them All: The ROI Of A Design System โ Smashing Magazine
Smashing Magazine ๐บ๐ฆ ๐ณ๏ธโ๐
~12 min read · Sep 9th · Design systems are a crucial success factor for digital businesses, and virtually every major player works with one. Still, they can sometimes be hard to sell to management. Hereโs a ready-to-use… · Shared by 161, including Gabriele
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 · Shared by 1480, 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. · Shared by 1328, including BrendanEich, Craig Brown, PhD, Casey Smith, Oliver Gassner / @oliverg@mastodon.social ๐๐๐๐, Brian Solis, Monica Burns, Ed.D. #EdTech, Max Stoiber, Klaus Eck, Tiago Forte, Tomas Laurinavicius, Chris Messina, Christiane Link, Caroline Jarrett, ๐๐๐๐ค ๐๐ช๐ข๐ข๐, Ryan Boren, Michelle Tandler, Stever Robbins, Pat Kua, Mark Anderson FCCT ๐โจ๐จ๐ฝโ๐ซ๐๐, Meng To
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 · Shared by 1274, including Balaji Srinivasan, Tamara Sredojevic, Scott Berkun, Susan Dybbs, Adham Dannaway, Curadoria | Update or Die!, Stef Walter, Fabricio Teixeira, designshard, Nilan ๐ฑ๐ฐ เถฑเทเถฝเทเถฑเท, Yazeed Al Oyoun, Oliver Pitsch, Philip Junker, Artnome, 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. · Shared by 1210, 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 #InnoTrans2, 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. · Shared by 1089, including Ryan Hoover, Jacob Cass, Chris Heilmann, ๐๐๐๐ก๐ก๐ฎ ๐๐๐ฃ๐๐๐๐ฏ ๐ก, Cory Doctorow, BrendanEich, ๐จ๐ปโ๐ปโ๏ธ, Balaji Srinivasan, Steven Sinofsky, Aleyda Solis ๐บ๐ฆ, Marc R Gagnรฉ MAPP ๐, Cyrus, Madalyn Sklar ๎จ Digital Marketing since 1996, Lea Verou, Una ๐ฉ๐ปโ๐ป๐บ๐ฆ, Chris Coyier, Gail Gardner, Chris Messina, Dr. Alec Couros, Peter McCormack ๐ดโโ ๏ธ
colorhunt.co
Color Hunt
colorhunt.co
From 2015 · Curated collection of beautiful colors, updated daily. · Shared by 1089, 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
learnui.design
Interactive Typography Tutorial
learnui.design
1 min read · May 24th · Learn the fundamentals of typography through this gamified walkthrough with real-time feedback and logic-based principles. · Shared by 1086, including David Gates, Matthew Guay, Chris Coyier, Stef Walter, Mark Kaigwa
UX Collective
Design Better Forms
UX Collective
5 min read · From 2016 · Common mistakes designers make and how to fix them · Shared by 1065, including Christoph Janz ๐บ๐ฆ๐๐, Nils Hitze, Chris Messina, Fabricio Teixeira, Tibor Martini ๐บ๐ฆ, Mark Kaigwa, Courtney Bolton โ
, Brent Summers, Matthias Sala, Dominik Grolimund, Luca ๐๏ธ, Casey Smith, Dennis Lembrรฉe, Aleyda Solis ๐บ๐ฆ, 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. · Shared by 1030, 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
Take a deep dive
