The five best design links, every weekday

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.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

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.

Wednesday05/18

1

blog.jim-nielsen.com

Principles of Color? Going Beyond sRGB

What are you most excited to learn, while simultaneously overwhelmed by the idea you gotta go learn it?

2

eyeondesign.aiga.org

The Era of Rebellious Web Design Is Here

Code and Theory's approach to editorial web design is equal parts strategy and sprezzatura.

3

ux.shopify.com

How we think about UX quality

A new team is addressing design debt in Shopify’s admin

4

joshwcomeau.com

The Surprising Truth About Pixels and Accessibility

“Should I use pixels or rems?”. In this comprehensive blog post, we’ll answer this question once and for all.

5

theturnsignalblog.com

Driving a Porsche Taycan for a Week, a UX review

I describe my thoughts after a week of intensive use, the three main pitfalls of Porsche's system, and how they are symbolic for the car industry.

Tuesday05/17

1

the-brandidentity.com

The Brand Identity

Balancing the extremes of its own architecture, Fontwerk’s contrasting serif family Nice is rife with typographic possibilities.

2

georgefrancis.dev

Balanced Color Palettes

A small but powerful technique perfect for crafting balanced color palettes in generative pieces.

3

tomcritchlow.com

Reflecting on things I failed to get done at Google

A meditation on corporate frustration & autonomy.

4

nytimes.com

How America Lost One Million People

Understanding the death toll — who makes up the one million and how the country failed them — is essential as the pandemic continues.

5

polypane.app

:where() :is() :has()? New CSS selectors that make your life easier

In this article we're going to focus in on some new features that are available for the CSS selectors: the :is(), :where() and :has() pseudo-classes.

Monday05/16

1

cododesign.com

2022 Craft Beer Branding and Package Design Trends

Welcome to the 2022 beer industry State of the Union. Let’s explore some emergent beverage opportunities and package design trends.

2

equalentry.com

How Can a Blind Person Use Virtual Reality?

Virtual reality is a very visual medium. It might surprise you to learn there are people who are blind or have low vision who enjoy virtual reality.

3

appiconbook.com

The iOS App Icon Book

A book celebrating the art of app icon design featuring icons from designers around the world. Now backed & shipping.

4

blog.getbootstrap.com

Bootstrap 5.2.0 beta

This release features redesigned docs, CSS variables for all our components, responsive offcanvas, new helpers and utilities, and more.

5

css-tricks.com

COLRv1 and CSS font-palette: Web Typography Gets Colorful

With new CSS features for controlling the color fonts and the COLR, it’s a great time to experiment with with what modern web typography can do.

Browse Archives