The five best design links, every weekday

Tuesday05/07

1

smashingmagazine.com

Combining :has() And select For Greater Conditional Styling

Amit Sheen demonstrates using :has() to apply styles conditionally.

2

frontendmasters.com

Popover API is Here

This API allows you to open an element on top of everything despite where it lives in the DOM and without any particular styling.

3

css-irl.info

Shades of Grey with color-mix()

When it comes to building websites, it can be handy having a few shades of grey at your disposal, no matter your colour palette.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Monday05/06

1

graph.henryn.ca

Map of the web

A visualization of 50,000 websites by Henry Nguyen.

2

thenewstack.io

Ryan Dahl: From Node.js and Deno to the ‘Modern’ JSR Registry

The creator of Node.js and Deno has a new mission: Securing JavaScript packages against malicious users.

3

webaim.org

WebAIM: Web Accessibility in the 2024 Presidential Campaigns

We've run the 2024 presidential candidates’ campaign websites through our AIM (“Accessibility Impact”) testing sequence.

4

alexmurrell.co.uk

The age of average (encore)

The shift to music streaming has led to songs getting shorter, music getting less melodically diverse and lyrics getting more repetitive.

5

bram.us

Misconceptions about CSS Specificity

To remove some of the confusion, here’s a list of misconceptions about Specificity in CSS.

Thursday05/02

1

logodesignlove.com

Zelman Meats logo by Red Dot Studio

The Zelman Meats logo, designed by Sam Lachlan of Red Dot Studio, identifies Misha Zelman’s steakhouse in Knightsbridge, London.

2

kottke.org

AI Image Feedback Loop

Data artist Robert Hodgin recently created a feedback loop between Midjourney and ChatGPT-4.

3

medium.com

Typography Variables in Figma Are Here

And everything else that’s new from Figma’s Framework event.

4

developer.chrome.com

An alternative proposal for CSS masonry

A proposal to define masonry and grid in different specifications.

5

fy.blackhats.net.au

Passkeys: A Shattered Dream

I think it's time to pour one out for Passkeys.

Wednesday05/01

1

kizu.dev

Self-Modifying Variables: the inherit() Workaround

Style queries will unlock many doors.

2

matthewstrom.com

The Polish Paradox

The more you polish, the less you see.

3

nngroup.com

The Picture-Superiority Effect: Harness the Power of Visuals

People often remember visuals better than words.

4

cruncher.ch

Printing music with CSS grid

Music notation should be as accessible and as fluid as text is on the web. CSS Grid helps us get there.

5

snappautomotive.io

How We Created A Multi-Brand Design System In Figma

Building design systems is difficult, especially when having to support multiple brands.

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.

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.

Browse Archives