The five best design links, every weekday

Tuesday04/16

1

bram.us

What if you had real control over Dark Mode on a per-site basis?

Dark Mode Toggle Buttons should be a browser feature.

2

joshwcomeau.com

Folding the DOM

In this post, we’ll explore a technique we can use to “fold” a DOM node, like folding a letter in real-life.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Monday04/15

1

frontendmasters.com

Gap is the new Margin

In 2020, Max Stoiber wrote the spicy "Margin considered harmful".

2

pudding.cool

This is a teenager

Watch hundreds of teenagers grow up into adults – and see how their lives turn out

3

design.google

Artistic Intelligence

How creatives translate complex concepts into visual languages

4

bradfrost.com

Should designers code?

Ah yes, this old chestnut. It pops up as reliably as daffodils in early spring.

5

joshwcomeau.com

CSS in React Server Components

When the core React team unveiled their vision for the future of React, some of my favourite libraries got scrambled.

Friday04/12

1

piccalil.li

How we’re approaching theming with modern CSS

We’ve started a new project which requires heavy, creative theming, so I made a prototype to test some ideas out.

2

sherwin-williams.com

The Loneliest Color

Meet Kingdom Gold SW 6698, Sherwin-Williams’ Loneliest Color, and see how this overlooked shade can add new color to your space.

3

atlasobscura.com

Why Jesus Never Ate a Banana

About 69 percent of the global diet is “foreign,” says a study that pinpoints the origin of 151 food crops.

4

smashingmagazine.com

Penpot’s CSS Grid Layout: Designing With Superpowers

Penpot helps designers and developers work better together by offering a free, open-source design tool based on open web standards.

5

uxdesign.cc

5 times “smart” copy swung into graveyard humor

What do tea, Fabulous app, Stravinsky, Italian pasta, and Grammarly have in common? Awkward English.

Thursday04/11

1

vercel.com

Design Engineering at Vercel: What we do and how we do it

Design Engineers blend aesthetic sensibility with technical skills.

2

splinter.com

The Climate Charts Are Not Okay

The chart looks wrong. It looks like a malign mistake, or like two separate charts have been combined in some nefarious way.

3

scottjehl.com

How would you build Wordle with just HTML & CSS?

A fun little form validation and CSS selector experiment.

4

frontendmasters.com

Drawing a Line to Connect Elements with CSS Anchor Positioning

The World Wide Web Consortium (W3C) published a First Public Working Draft of CSS Anchor Positioning last year, so I thought I would give it a try.

5

component.gallery

The Component Gallery

The Component Gallery is a collection of components from the best Design Systems.

Wednesday04/10

1

dev.to

Curious Geckos: The Most Precise CSS-only Position-Aware Mini-Game

A CSS-only, no JS, no checkbox, position-aware (hover/touch aware) interactive gecko-luring game.

2

susam.net

Guess My RGB

A simple RGB color guessing game.

3

kizu.dev

Layered Toggles: Optional CSS Mixins

In this article, I am sharing the next evolution of space & cyclic toggles, which allows us to create and apply optional mixins in CSS.

4

developers.googleblog.com

Gemini 1.5 Pro Now Available in 180+ Countries

We are continuing to work on making Google AI Studio and the Gemini API the easiest way to build with the latest Gemini model.

5

xkcd.com

Machine

An ever-expanding, customizable digital Rube Goldberg machine by XKCD.

Tuesday04/09

1

danburzo.ro

How to think about HTML responsive images

srcset, sizes, picture, source, and how they all fit.

2

robinrendle.com

Design is a process of getting stuck

Whenever I’m in a room without a whiteboard I feel trapped.

3

texteffects.dev

Text Effects

Articles exploring the world of text effects using CSS, HTML, and JavaScript

4

nanogl.com

NanoGL

Explore NanoGL, a specialized WebGL framework designed for seasoned developers well-versed in low-level WebGL intricacies.

5

uxdesign.cc

Rethinking personas: Empathy and inclusion in UX design

By using more inclusive methods like Jobs-To-Be-Done and Empathy Maps, we can create more meaningful and accessible products.

Monday04/08

1

imperavi.com

AI-Powered RedactorSponsored

Ultra-modern, AI-powered editor with powerful API capabilities, a wide range of settings, good docs and tons of integration examples.

2

uxdesign.cc

Analyzing UX & UI decisions in classic racing games

Ridge Racer Type 4’s UI/UX is a games design classic.

3

southleft.com

Taming the Shadow DOM: Injecting Global Styles with Adopted Stylesheets

Learn how to bridge the gap between web components’ Shadow DOM and global styles using the power of adopted stylesheets.

4

logofav.com

LogoFav - Curated Logo Inspiration

A collection of our favorite logos from expert designers. Browse 200+ logos with new logos added daily.

5

duelity.co

Duelity is a fight club for designers

Create a duel, design your work, winner gets selected by the crowd.

Friday04/05

1

uxdesign.cc

The GenAI Compass: a UX framework to design generative AI experiences

Implementing human-centric design thinking to GenAI.

2

creativebloq.com

Creative Director Tim Lapetino Defines Atari's Legacy

The retro game brand’s past explored and bright future teased.

3

figma.com

Surf the web like it’s 1999 with these old-school cursors

We’re throwing it back to our favorite digital design eras.

Browse Archives