The five best design links, every weekday

Thursday10/06

1

smashingmagazine.com

Easy Fluid Typography With clamp() Using Sass Functions

We can use the clamp() method today because of the great browser support.

2

uxdesign.cc

Tools Not Rules

Intelligent Creativity is transforming how we create and use brand systems

3

figma.com

A Sneak Peek at Schema 2022

Three cities, one virtual event, a whole lot of design systems content.

4

kilianvalkhof.com

When going somewhere does a thing: on links and buttons

At the Fronteers conference, Manuel during his presentation did an exercise on building HTML that seemed fairly straightforward.

5

uxdesign.cc

Digital humans are here. They sound and look just like us.

Digital humans, AI-powered digital counterparts, are going to change how we interact online. And they already do.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Wednesday10/05

1

olympics.com

Evolving the Olympic Brand

How a century of design heritage informed a comprehensive evolution of the Olympic identity.

2

medium.com

My Five Biggest Design System Mistakes

Lessons learned from bootstrapping a small design system from scratch.

3

smashingmagazine.com

Delightful UI Animations With Shared Element Transitions API

Shared Element Transitions API is a game-changing feature that enables us to create impressive and elaborate UI animations easily. Let's see how.

4

userinterviews.com

UX Research Field Guide

An in-depth, beginner-friendly guide on how to conduct effective user research, from UX research plans and recruiting to methodology and analysis.

5

simeongriggs.dev

Prioritise content over components

Visually, components are unique, flexible units to compose complete layouts. For content, they can trap reusable data into single-use decorations.

Tuesday10/04

1

kittygiraudel.com

Templating in HTML

Today, we have a quick look at the element and how it can come in handy.

2

breathingdesign.medium.com

The designer’s guide of eating weird food

How eating frogs, dog-food, cat-food and raw monkey meat makes us better designers

3

ralphammer.com

J.J. Gibson—The meaning of the world

Are we cut off from the outer world, trapped alone in our personal experience?

4

zeroheight.com

Building delight in your design system

There seems to be a pervasive idea that using systems to help your work will lead to everything being a homogenous, grey, functional, meh experience.

5

stateofcss.com

Take the State of CSS 2022 Survey

The annual developer survey about the latest trends in CSS.

Monday10/03

1

css-tricks.com

GIFs Without the .gif: The Most Performant Image and Video Options Right Now

So you want an auto-playing looping video without sound? In popular vernacular this is the very meaning of the word GIF.

2

neal.fun

Days Since Incident

Tracking natural disasters on Earth.

3

web.dev

Learn HTML

This HTML course for web developers provides a solid overview for developers, from novice to expert level HTML.

4

nngroup.com

Antipersonas: What, How, Who, and Why?

Antipersonas help anticipate how products can be misused in ways that can harm users and the business.

5

uxdesign.cc

Frutiger: from a dot to the Paris airport

Balancing black and white, developing a universal language, and deconstructing what made Adrian Frutiger the designer’s designer.

Friday09/30

1

polypane.app

The breakpoints we tested in 2021 & 2022, and the ones to test in 2023

Which screen sizes to design, build and test on is a perennial topic in web development.

2

pepelsbey.dev

6+5 Ways To Make A Two-Column Layout

From pretty reasonable to com­pletely wrong.

3

elliotjaystocks.com

This site’s type is now variable

I figured it was high time my own website switched over to use the variable version of Ohno’s Degular.

4

frontendmastery.com

The new wave of Javascript web frameworks

A deep dive into the problems at scale and the recent evolution of innovation.

5

infinitecanvas.tools

Infinite Canvas

Explore infinite canvas tools that work the way we think.

Thursday09/29

1

scale.com

Text Is the Universal Interface

Large language models and the future of computing.

2

1point21interactive.com

Celebratory Gunfire: An interactive data visualization and analysis.

A must-see interactive analysis of Celebratory Gunfire, including animations and projections on how far and how fast bullets travel.

3

spotify.design

Finding your T-Shape as a Generalist Designer

In the first installment of an interview series, two designers reflect on life as a generalist at Spotify and the career path that led them here.

4

ericwbailey.website

Yes, accessibility is also a backend concern

Accessibility is a holistic practice that touches every aspect of creating a digital experience.

5

erikdkennedy.com

Figtree: A new, (free) friendly sans-serif

Figtree is a geometric sans serif font walking the line between simplicity and friendliness. It is minimalist but not stiff, casual but not silly.

Wednesday09/28

1

almanac.httparchive.org

The 2022 Web Almanac

The Web Almanac is an annual state of the web report combining the expertise of the web community with the data and trends of the HTTP Archive.

2

connortumbleson.com

Someone is pretending to be me

One random day - someone spills the beans. They were picked to impersonate me and get a job using my information.

3

growth.design

Mental Models: why expectations drives user experience

This case study shows you how to use Mental Models to improve your product’s user experience.

4

theturnsignalblog.com

Guidelines for Designing an In-Car Voice Assistant

Voice assistants can reduce driver distraction if they are designed well. Here are concrete guidelines for designing a voice assistant for drivers.

5

housesof.world

Houses Of The World

Houses Of is a travel, photography and design passion project showcasing charismatic houses around the world.

Browse Archives