The five best design links, every weekday

Tuesday05/14

1

openai.com

OpenAI Spring Update

Introducing GPT-4o and making more capabilities available for free in ChatGPT.

2

smashingmagazine.com

The Modern Guide For Making CSS Shapes

In this comprehensive guide, Temani Afif explores different techniques for creating common shapes with the smallest and most flexible code possible.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Monday05/13

1

humanewebmanifesto.com

Manifesto for a Humane Web

We need to build a better web. A web by and for humans.

2

joshwcomeau.com

Snappy UI Optimization with useDeferredValue

useDeferredValue is one of the most underrated React hooks.

3

uxdesign.cc

Complicated Sticks

The rise of tools for everything and nothing in particular.

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.

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.

Browse Archives