The five best design links, every weekday

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).

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

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.

2

arun.is

The untold history of macOS System Preferences

System Preferences may not be the most exciting part of the Mac, but it holds some secrets and fun easter eggs.

3

christianheilmann.com

Tools should not only be for experts – they should turn us into them

About eight years ago Bret Victor tried to change the way developer tools work by providing a faster and simpler way from creation to consumption.

4

figma.com

Embracing the tension between code and design

New features that bring the best of both worlds to design systems in Figma

5

comica11y.humaan.com

ComicA11y

ComicA11y is an experiment that aims to achieve an all-inclusive online comic experience. Because comics should be universal.

Friday09/18

1

mono.company

Introducing Mono Icons

Here’s a breakdown of how we created our own icon set and the design principles we used to give our icons a consistent and unified approach.

2

stitches.dev

Migrating from styled-components to Stitches

This post is about highlighting the main differences between styled-components and Stitches.

3

css-tricks.com

Lessons Learned from Sixty Days of Re-Animating Zombies with Hand-Coded CSS

Caution: Terrible sense of humor ahead. We’ll talk about practical stuff, but the examples pretty much all involve zombies and silly jokes.

4

nova.app

Nova

The beautiful, fast, flexible, native Mac code editor from Panic.

5

blandbook.com

Totally Mundane™

Follow these bland documents to always go unnoticed and be like every other Bland.

Thursday09/17

1

thecut.com

Buying Myself Back

When does a model own her own image?

2

fastcompany.com

Americans speak more than 1,300 languages. This artist wants to capture themx

People speak as many as 800 languages in New York alone. With A Counting, Ekene Ijeoma aims to represent every single one.

3

medium.com

Color within Constraints

Getting 100+ designers and engineers to follow guidelines that are a part of literally everything they make is a huge undertaking.

4

web.dev

How to use CSS masking

CSS masking gives you the option of using an image as a mask layer.

5

inclusivedesign24.org

Inclusive Design 24

A free 24-Hour online community event on accessibility.

Browse Archives