The five best design links, every weekday

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.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

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.

4

wild-memory-radio.wetransfer.com

Wild Memory Radio

30 leading creatives reveal memories of places that had a lasting impact on their work.

5

xata.io

Website deep dive: A fresh website for a new future

Showcasing the details of the makeover of the Xata website as we move to our new serverless Postgres offering.

Thursday04/04

1

benjdd.com

Turn images into contour maps

Take a look at how I turn images into a contour map in the browser with the element.

2

southleft.com

The Value of Design Tokens in Modern Web Development

Design tokens are the secret to building consistent, maintainable websites.

3

techhub.iodigital.com

Going beyond pixels and (r)ems in CSS - Absolute length units

This last part of the CSS Units series will be about absolute units, the units you mostly - absolutely - want to avoid.

4

alex.miller.garden

Conway’s Game of Hope

A fable of emergence by Alexander Miller.

5

blog.pope.tech

A complete guide for content creators to start making accessible content

Learn how to embed web accessibility into your process using WAVE and accessibility basics.

Browse Archives