The five best design links, every weekday

Friday05/10

1

csscade.com

Cool Queries

There’s lots of query-related things that CSS can do that’s pretty neat.

2

uxdesign.cc

The agentic era of UX

The future of digital experience is here — but it’s being minced into microscopic use cases.

3

nubero.ch

The Basics of Legibility

A Short Guide for Non-Typographers.

4

emildziewanowski.com

Flowfields

Complex flowfields without using computational fluid dynamics.

5

endlesstools.io

Endless Tools

No-coding tool to create 3D assets, key visual for social media, identity elements and other marketing and design needs.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Thursday05/09

1

web.dev

Popover API lands in Baseline

The popover API lands in all modern browser engines.

2

simonwillison.net

AI for Data Journalism

I gave a talk last month at the Story Discovery at Scale data journalism conference hosted at Stanford by Big Local News.

3

donmccurdy.com

Emission and Bloom

Explains the relationship between emission and the bloom post-processing effect, and how to use them effectively in realtime 3D scenes.

4

frontendmasters.com

Five Basic Things About JavaScript That Will Help Non JS-Focused Web Designers

Let’s say you don’t know JavaScript. You’re a web designer and you’re focused largely on UI and UX.

5

aisafety.dance

AI Safety for Fleshy Humans: a whirlwind tour

Your one-stop-shop to understand all the core ideas of AI & AI Safety!

Wednesday05/08

1

adrianroselli.com

A Brief Note on Highlighted Text

If you plan to style text highlighted by the browser, you must give it sufficient contrast.

2

uxdesign.cc

The rise of Generative AI-driven design patterns

How Generative AI advances are helping shape the future of feature design, from enhancing content interaction to more informed decision-making.

3

edition.cnn.com

Cicadas rising: A visual guide to 2024’s rare dual appearance

Here’s what to expect as cicadas make their debut in a historic emergence that hasn’t occurred in more than 200 years.

4

evilmartians.com

Keep it together: 5 essential design patterns for dev tool UIs

If you're new to dev tool design, this post provides both real-life UI examples and analysis—so you can get going in record time.

5

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.

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.

Browse Archives