The five best design links, every weekday

Friday05/27

1

thedieline.com

The Best in Packaging From 2022: Dieline Awards Winners Revealed

The best in packaging is finally here—these are the 2022 Dieline Awards winners.

2

smashingmagazine.com

Manage Accessible Design System Themes With CSS Color-Contrast()

From working with design handoffs to supporting custom themes in a design system, the CSS color-contrast() function can become a cornerstone.

3

prototypr.io

Neurodiversity and Inclusion: Choosing Kinder Design

From night mode to alt tags, Medium’s text-to-speech and Twitter’s font slider, visual impairments are often catered to, but what about the others?

4

github.com

Beautify GitHub Profile

This repository helps you to have a more beautiful and attractive github profile.

5

nolanlawson.com

The balance has shifted away from SPAs

There’s a feeling in the air. A zeitgeist. SPAs are no longer the cool kids they once were 10 years ago.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Thursday05/26

1

medium.com

Four Tradeoffs When Designing Navigation Menus

To be an information architect is to immerse oneself in tradeoffs: sacrificing one approach or direction for another.

2

webkit.org

Customizing Color Fonts on the Web

Color fonts provide a way to add richness to your designs without sacrificing any of the many benefits of using plain text.

3

learnui.design

Interactive Typography Tutorial

Learn the fundamentals of typography through this gamified walkthrough with real-time feedback and logic-based principles.

4

growth.design

How Linkedin Increased Notification Opt-in Rates by 500%

This story shows the problem with most retention notifications and how Linkedin reframed their prompts to reengage 5x more users.

5

pimpmytype.com

Font Matrix – See & Pair Typefaces Like Never Before

A new way of looking at typefaces, that can help you find better type combinations, faster.

Wednesday05/25

1

variable.io

Cindermedusae

A generative encyclopedia of imaginary sea creatures.

2

itsnicethat.com

The Instagram rebrand embraces the “squircle”

We speak to the design team about how the biggest challenges came typographically.

3

nextjs.org

Next.js Layouts RFC

Nested routes and layouts, client and server routing, React 18 features, and designed for Server Components.

4

raw.studio

Spotify’s Embodiment Of Emotional Design

In this article, we will discuss how emotional design plays a key factor in Spotify’s iconic, personalised experience, and what we can learn from it.

5

iconfactory.com

The Iconfactory Remembers Corey

The design studio pauses to remember the life, art & legacy of founder Corey Marion who passed away recently.

Tuesday05/24

1

vox.com

Trends are dead

Coastal grandmother, night luxe, that girl. Anything can be a trend on the internet. Why are we so determined to name them?

2

smashingmagazine.com

Lesser-Known And Underused CSS Features In 2022

CSS is constantly evolving, and some cool and useful properties either go completely unnoticed or are not talked about as much as others.

3

min-max-calculator.9elements.com

Min-Max-Value Interpolation Calculator

A tool that calculates the CSS clamp formula to interpolate between two values in a given viewport range.

4

design.facebook.com

Instagram Brand Updates

Instagram does some brand refreshing including tweaks to identity, gradients and new custom typography.

5

about.instagram.com

Instagram Sans Typeface

A closer look at the new custom type of Instagram's latest brand refresh made with Colophon Foundry.

Monday05/23

1

web.dev

Building a button component

A foundational overview of how to build color-adaptive, responsive, and accessible components.

2

baymard.com

Readability: The Optimal Line Length

The length of text lines substantially impacts their readability — yet this is often overlooked in e-commerce.

3

medium.com

On Design Thinking

Design Thinking is dead yet there it is, smeared all over LinkedIn, peeking out from job descriptions and lurking in resumés.

4

zeldman.com

He Built This City: The Return of Glenn Davis

You may not know his name, but he played a large part in creating the web you take for granted today.

5

keyboardaccordion.com

Keyboard Accordion

Play the diatonic accordion with your keyboard!

Friday05/20

1

indeed.design

How Inclusive Are Your Designs? Use This Audit to Find Out

This free guide helps you go beyond usability heuristics to create equitable, human-centered experiences.

2

stephaniewalter.design

5 illustrations to understand and promote accessibility

5 illustrations to evangelize accessibility.

3

ishadeed.com

First Look At The CSS object-view-box Property

A new CSS property that will help in cropping images similar to how we use the viewBox in SVG.

4

youtube.com

Bringing page transitions to the web

Native apps often feature transitions between states that both look great and help communicate the type of navigation to the user.

5

atmos.style

LCH is the best color space for UI

Learn about the benefits of using LCH over the now popular HSL color space, and why you should make the switch.

Thursday05/19

1

julian.is

A Growth-Focused Intro to Multi-Sided Platform Design

A comprehensive guide on designing the experience and growing the engagement of networked markets.

2

uxdesign.cc

Is it possible to reinvent the spreadsheet app?

Have you ever wondered why every spreadsheet app has to be green?

3

adobe.design

Naming colors in design systems

How language brings logic to a subjective topic.

4

css-tricks.com

An Interactive Starry Backdrop for Content

I was fortunate last year to get approached by Shawn Wang (swyx) about doing some work for Temporal.

5

uxdesign.cc

Lessons on creativity from Everything, Everywhere, All at Once

This movie was refreshingly original, and I immediately wanted to know more about their process.

Browse Archives