The five best design links, every weekday

Wednesday09/30

1

figma.com

When fonts fall

A deep-dive into font fallback

2

blog.google

Plus Codes - giving everyone, everywhere an address

Many people don't have an accurate address making it harder to share where they live. Plus Codes—simple addresses for anywhere on the planet—can help.

3

xd.adobe.com

Introducing the 2020 UX Designers to Watch

For the second year in a row, we’re highlighting impressive, up-and-coming UX design talent from around the world in our UX Designers to Watch series.

4

booking.design

How we created the illustration style for our partner products

This is the story of how we incorporated illustration into our design system at Booking.com.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Tuesday09/29

1

nytimes.com

Charting an Empire: A Timeline of Trump’s Finances

A dynamic scrolling visualization of Trump's finances by the NYT.

2

uxdesign.cc

Stop doing design system projects

When new designers and developers join forces to evolve your design system it is tempting to start working in projects.

3

adamsilver.io

Bidirectional scrolling: what’s not to like?

Bidirectional scrolling on sites like Netflix and Disney Plus organise programs into rows of categories.

4

joshwcomeau.com

Building a Modern-Day Hit Counter

I’ve spilled a lot of digital ink on this blog talking about the magic of compile-time workflows , using tools like Gatsby to build rich…

5

a11yresources.webflow.io

a11yresources - A growing list of accessibility tools and resources

A growing list of 200+ accessibility tools and resources

Monday09/28

1

go.thoughtleaders.io

Get Creative With a Free .design Domain Name!Sponsored

Get 1-year of the .design domain name for free! Tell the world exactly who you are and what you do with your own .design domain, perfect for designers

2

patrickbrosset.com

3 things about CSS variables you might not know

CSS variables are really cool, and chances are, you're already using them in your projects already.

3

washingtonpost.com

What if all covid‑19 deaths in the US had happened in your neighborhood?

Insert your address and find out what would happen if your neighborhood was the epicenter of the coronavirus pandemic in the United States.

4

frontend.horse

Buttons that Spark Joy

What if we could make certain actions not just successful, but celebrations?

5

open.nytimes.com

How We Made a Design System for NYT Cooking on Android

How the New York Times Cooking team made a design system for their Android app.

Friday09/25

1

reaganray.com

Jazz Musician Lettering

Rather than post 100s of covers and posters, I wanted to isolate the lettering for easy browsing and analysis.

2

fastcompany.com

These new emojis perfectly sum up this dumpster fire of a year

[Insert sob emoji here.]

3

xd.adobe.com

Adobe XD Has a New Look

We’ve launched a new look for Adobe XD. It’s not an app redesign (yet), but think of it as a new suit of clothes.

4

lea.verou.me

The failed promise of Web Components

Web Components had so much potential to empower HTML to do more, make dev more accessible to non-coders & easier for coders. Or that was the idea.

5

growth.design

The Psychology Behind TikTok’s Addictive Feed

This TikTok case study shows you the psychological principles that make their video feed so addictive (and how that could be made more humane).

Thursday09/24

1

themarkup.org

Blacklight – Real-Time Website Privacy Inspector

Blacklight will scan any website address and reveal the specific user-tracking technologies on the site—and who’s getting your data.

2

medium.com

Visx from Airbnb

Visx (formerly known as vx) is a collection of expressive, low-level visualization primitives combining power of D3 with DOM benefits of React.

3

typesetinthefuture.com

The Typography of Star Trek: The Motion Picture

Star Trek: The Motion Picture named a space shuttle, created a custom font pack, and relaunched the greatest of all space franchises.

4

blog.adobe.com

Adobe introduces Liquid Mode for PDF

Manifesting the future of PDF, Liquid Mode delivers a breakthrough reading experience that enables a much easier way to read documents on mobile.

5

diff.wikimedia.org

Wikipedia is getting a new look for the first time in 10 years. Here’s why.

Multi-year project aiming to create an experience that feels similar to long-time users, yet straightforward and intuitive for new folks.

Wednesday09/23

1

css-tricks.com

Thinking About Power Usage and Websites

Gerry McGovern asked if I had any insight into energy consumption and websites.

2

designsystemsforfigma.com

Bringing Context To Design Systems

Hayley Hughes, UX Manager working on the Polaris Design System at Shopify discusses the importance of context in working on design systems.

3

bennettfeely.com

Ztext.js

Easy to implement, 3D typography for any website and every font.

4

pierrebuttin.com

Artificial Intelligence autobiography 

I wrote a 700-page autobiography, fed it to a machine learning algorithm and painted the results. 

5

itsnicethat.com

The Animade rebrand by Koto uses its logo as eyes

This jubilant identity also brings out the animation studio’s distinct personality through abstract shapes and bright colours.

Tuesday09/22

1

joshwcomeau.com

A Friendly Introduction to Spring Physics

Ever since I started building websites, I’ve been fascinated by animations.

2

css-tricks.com

Changing Emoji Skin Tones Programmatically

So, you know how many emoji have different skin tones? Emoji skin tones are extremely popular, especially over text and on social media.

3

tympanus.net

Inspirational Websites Roundup #18

A gigantic set of hot new websites for your inspiration and to get you up to date on the current web design trends.

4

web.dev

How to use CSS clipping

Using clipping in CSS can help us move away from everything in our designs looking like a box.

5

bgjar.com

BGJar

Free svg background generator for your websites, blogs and app.

Monday09/21

1

sombras.app

Sombras.app

Create art with shadows.

Browse Archives