The five best design links, every weekday

Thursday04/18

1

bootcamp.uxdesign.cc

Steering the future: a new vision for car UX

A few words and ideas on how to make the user experience within car interfaces better.

2

frontendmasters.com

DevTools Tips & Tricks

Front-end developers spend a significant amount of time working inside the browser’s DevTools.

3

dev.37signals.com

Modern CSS patterns in Campfire

An in-depth look at how 37signals built ONCE/Campfire using modern features, vanilla CSS, and no frameworks or preprocessors.

4

ios404.com

iOS404

The missing web features of iOS.

5

theverge.com

The invisible seafaring industry that keeps the internet afloat

How one crew risked radiation, storms, and currents to save Japan from digital isolation.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Wednesday04/17

1

logosystem.co

Logo System: Explore 400+ logo designs

Get inspired by exploring this library of real and fictional logos.

2

medium.com

Working on the BCWA new identity

Case study for a weighlifting logo redesign.

3

medium.com

How to design giant robots in shooters

A comprehensive War Robots retrospective.

4

tympanus.net

Case Study: 84—24

A look into the making of 84—24. The tale of restoring an ’80s timeless classic.

5

thisiscolossal.com

Flip Through More than 5,000 Pages of This Sprawling 19th-Century Atlas

At more than 5,000 pages in its entirety, Lorenz Oken’s atlas depicts known species ranging from insects and fish to birds and plants.

Tuesday04/16

1

mayerowitz.io

Mario meets Pareto

Discover how to find the best Mario Kart 8 build using the Pareto frontier method.

2

zengm.com

faces.js

A JavaScript library for generating vector-based cartoon faces.

3

breckyunits.com

Blog Posts, Sorted by Sleep

Have you ever examined the correlation between your writing behavior and sleep?

4

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.

5

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.

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.

Browse Archives