The five best design links, every weekday

Tuesday05/14

1

cssence.com

Superior Range Syntax

One more thing about the improved viewport size media queries.

2

2023.stateofhtml.com

State of HTML 2023 Survey Results

The latest edition of the annual survey about the latest trends in the HTML ecosystem is now available.

3

smashingmagazine.com

The Times You Need A Custom @property Instead Of A CSS Variable

Preethi Sam walks through an example that demonstrates where custom properties are more suitable than variables.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Monday05/13

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.

3

humanewebmanifesto.com

Manifesto for a Humane Web

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

4

joshwcomeau.com

Snappy UI Optimization with useDeferredValue

useDeferredValue is one of the most underrated React hooks.

5

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.

Browse Archives