The five best design links, every weekday

Tuesday04/30

1

uxdesign.cc

Mitigating hate speech online using AI

Employing AI to reduce the emotional toll of combating online hate speech.

2

adobe.design

What does a head of typography do?

Tim Brown discusses the craft and practice of typography and driving type toward a future vision.

3

tonsky.me

Hardest Problem in Computer Science: Centering Things

Somehow we forgot how to center rectangles and must find our way back

4

vercel.com

Building an interactive 3D event badge with React Three Fiber

See a full working demo of how we built the interactive Vercel Ship ’24 badge using React Three Fiber and react-three-rapier.

5

kizu.dev

Alternating Style Queries

With container style queries on the horizon, it is a good time to do more experiments with them.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Monday04/29

1

ryanmulligan.dev

Detect JavaScript Support in CSS

I had been aware of the scripting CSS media feature but I was still under the impression that cross-browser support was lacking.

2

medium.com

The double-edged sword: Ethical implications of AI in UI/UX design

UI/UX design is no stranger to the effects of AI.

3

stuffandnonsense.co.uk

Design Deja Vu

While designing, I had an overwhelming feeling of deja vu and that I’d made a layout exactly like this before.

4

natureofcode.com

Nature of Code

A new edition of Daniel's Shiffman's book about simulating natural systems with JavaScript, available for free online.

5

uxdesign.cc

The Airchat hype: but wait, what happened to Clubhouse?

A brief read on the rise, fall, and attempted comeback of the once viral voice-only social media app — Clubhouse.

Friday04/26

1

piccalil.li

A primer on the cascade and specificity

Often feared by developers, the cascade and specificity is actually really simple if you utilise the right mental model when authoring CSS.

2

dbushell.com

HTMX Is So Cool I Rolled My Own

The one where I reject JavaScript UI libraries.

3

thisiscolossal.com

Just Add Water: Grow Your Own Furniture with These Pop-Up Sponge Designs

A team of industrial designers prototyped a furniture collection that dramatically transforms from flat sheets into fully functional objects.

4

uxdesign.cc

How the meaning of colour varies per culture

When Amsterdam built its new stadium, authorities decided to design its seats in rainbow colours.

5

pudding.cool

The Flipbook Experiment

The results of making a crowd-sourced flipbook animation.

Thursday04/25

1

subframe.com

Subframe

Subframe is a design-to-code tool that lets you build stunning UI in minutes.

2

jakearchibald.com

HTML attributes vs DOM properties

They’re completely different, but often coupled.

3

frontendmasters.com

The Front End Developer/Engineer Handbook 2024

An overview of the front end profession in 2024.

4

frontendmasters.com

Things That Can Break aspect-ratio in CSS

CSS has an aspect-ratio property, which has had full support since around 2021.

5

journal.everypixel.com

Key Trends and Forecasts Influencing the GenAI Market in 2024

Explore key trends shaping the AI industry, focusing on copyright laws, licensing, and the ethical use of generative AI in content creation.

Wednesday04/24

1

medium.com

Meet Ritmo, Musixmatch’s cross-platform design system

When Musixmatch initially embarked on its music and tech industry journey, it established itself primarily as a music player.

2

the-tardigrade.com

A lifetime of change

Leaving the future generation hope for a better planet.

3

blog.streamlinehq.com

Choosing the perfect icons for your typeface

A simple guide on how to pair icons and typefaces to create a consistent visual language.

4

clickwheeljs.com

Click Wheel JS

Add an Ipod Wheel to any website with this javascript library.

5

theturnsignalblog.com

Apple’s Risky Bet on CarPlay

With Apple's car project canceled, what's Apple's strategy with CarPlay and how do carmakers respond to it?

Tuesday04/23

1

figma.com

The Right Code for Your Design System

Today, we’re announcing beta for Code Connect, a feature built to improve design system adoption by making code more accessible.

2

js-naked-day.org

JS Naked Day

The web should work without JavaScript.

3

shapeof.ai

The Shape of AI

Exploring how patterns and experiences will change in a world driven by Artificial Intelligence

4

designsystems.international

Product Design Is Lost

How the field of product design lost its way — and how it can find its way back

5

webkit.org

Help us invent CSS Grid Level 3, aka “Masonry” layout

If you’ve been making websites for years, you know how frustrating it was to lay out a web page with CSS floats.

Monday04/22

1

minus-ze.ro

Flattening Bézier Curves and Arcs

It’s possible to flatten Bézier curves into line segments without resorting to recursive subdivision.

2

javier.xyz

Motion extraction with mostly CSS

A simple way to extract motion from a video using CSS.

3

heydonworks.com

Testing HTML With Modern CSS

CSS can be a great HTML testing tool, especially in 2024

4

piccalil.li

How we’re approaching theming with modern CSS

We’ve started a new project which requires heavy, creative theming, so I made a prototype to test some ideas out.

5

womenwhocode.com

The End of an Era: Women Who Code Closing

Women Who Code started as a community group in 2011 by a small team of engineers in San Francisco.

Browse Archives