The five best design links, every weekday

Friday04/19

1

thisiscolossal.com

The World Press Photo Contest Documents War, Migration, and Devastation

From Israel’s war in Gaza to rapidly warming global temperature, the last year has seen incredible devastation around the globe.

2

webkit.org

Speedometer 3.0: The Best Way Yet to Measure Browser Performance

Apple’s WebKit team is excited to introduce Speedometer 3.0, a major update that better reflects the Web of today.

3

anchor-tool.com

Anchor Position Tool

A Chrome Canary demo of the new CSS anchor positioning features.

4

smashingmagazine.com

Sliding 3D Image Frames In CSS

Creating 3D effects in CSS isn’t an entirely new concept, but typical approaches use additional elements in the markup.

5

ai.meta.com

Introducing Meta Llama 3: The most capable openly available LLM to date

Today, we’re introducing Meta Llama 3, the next generation of our state-of-the-art open source large language model.

The Sidebar Newsletter

5 Design Links in Your Inbox 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.

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.

Browse Archives