The five best design links, every weekday

Wednesday05/08

1

blog.tubikstudio.com

Case Study: Serra. Identity and Product Design for Financial App

Creative process on brand identity and user experience design for the financial application Serra, from logo and graphics to mobile app and website.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Tuesday05/07

1

uxdesign.cc

How I interview product designers

I’ve been part of the interviewing teams before, but this is my first time being the hiring manager. It’s been quite a learning experience.

2

chrisburnell.com

Web Components from early 2024

I’ve been having a lot of fun creating reusable Web Components, so here are three that I’ve built and been using this so far this year.

3

smashingmagazine.com

Combining :has() And select For Greater Conditional Styling

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

4

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.

5

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.

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.

Browse Archives