The five best design links, every weekday

Friday08/19

1

uxdesign.cc

The UX bootcamp model is broken

Sorry, would-be UX designers, don’t believe the marketing hype, UX bootcamps won’t do it for most of you.

2

physicallybased.info

Physically Based

A database of physically based values for CG artists.

3

alphredo.app

Alphredo: Alpha colors generator

Alphredo generates translucent colors looking the same as their opaque counterparts when placed against the same background.

4

colepeters.dev

An Introduction to Constraint Based Design Systems

Effective designs optimize for constraints. These constraints are not just useful, they are critical.

5

growth.design

The UX of Signup Email Confirmation

This onboarding case study shows you how to increase your signup email confirmation rates by 7% in just 5 minutes by using the Sniper Link technique.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Thursday08/18

1

css-tricks.com

CSS Grid and Custom Shapes, Part 1

In a previous article, I looked at CSS Grid’s ability to create complex layouts using its auto-placement powers.

2

stamen.com

Chartographer

An in-house tool used by Stamen to help visualize a cross-section of a custom map stylesheet.

3

uxdesign.cc

What stops us from designing a sustainable future?

Designers have the tools to solve problems we face regarding sustainability. But reductionism and the way we measure success are hold-backs

4

ethanmarcotte.com

Truthish

On design systems and this idea of “a source of truth.” Whose sources, and whose truths?

5

alexanderwales.com

The AI Art Apocalypse

This image was created by an AI, MidJourney. All I had to do was type in a prompt (“wildfire”) and aspect ratio.

Wednesday08/17

1

adactio.com

No code

Serious business or tools for online expression?

2

uxdesign.cc

In praise of the spreadsheet

The enduring and essential interface breaks rules, wreaks havoc, and has a permanent place in our hearts.

3

uxdesign.cc

Midjourney and DALL-E: a new kind of creativity

I’ve been playing with AI-generated art via Midjourney and DALL-E, which take text prompts and turn them into images.

4

observablehq.com

Tidying up Earth

This map shows the countries of the world neatly aligned, rather than randomly spread all over the planet.

5

joshwcomeau.com

Why React Re-Renders

In React, we don’t update the DOM directly, we tell React what we want the DOM to look like, and React tackles the rest. But how exactly does it do this? In this tutorial, we’ll unpack exactly when and why React re-renders, and how we can use this information to optimize the performance of our React…

Tuesday08/16

1

nytimes.com

The Rise of the Worker Productivity Score

Across industries and incomes, more employees are being tracked, recorded and ranked.

2

joebell.co.uk

Loading Disco

An alternative to the loading spinner.

3

colorandcontrast.com

Color & Contrast

Color & Contrast is a comprehensive guide to color for user interface designers.

4

smashingmagazine.com

Designing A Better Back Button UX

With the “Back” button, users often get confused, frustrated and annoyed. Here’s how to design better back button UX.

5

tympanus.net

Awesome Demos Roundup #21

A fresh roundup of the most interesting code experiments from the past couple of weeks.

Monday08/15

1

uxpin.com

Switch to component-driven prototyping with npm integrationSponsored

Build prototypes with interactive UI components in minutes instead of wasting hours on drawing static images! Boost design speed with npm integration.

2

fastcompany.com

How gray became the king of color

Gray pigments are all over our homes and our products. But despite what TikTokers claim, the rainbow is still alive and well.

3

kilianvalkhof.com

Do you know about overflow: clip?

You probably know overflow: hidden, overflow: scroll and overflow: auto, but do you know overflow: clip?

4

lea.verou.me

On ratings and meters

I set out to create a proper web component for star ratings.

5

technologyreview.com

OpenAI is ready to sell DALL-E to its first million customers

But the company has had to rush out fixes to the image-making model’s worst flaws to do so.

Friday08/12

1

blog.presentandcorrect.com

Gujarati Type Foundry

An exceptional type foundry book from Gujarat, India. 1940.

2

sakofchit.github.io

system.css - a design system for building retro Apple interfaces

A CSS library that allows you to implement a classic MacOS interface. Based on the monochrome stylings of Apple's System OS that ran from 1984-1991

3

oddbird.net

Not All Zeros are Equal

And every ‘best practice’ comes with caveats.

4

zazow.com

Zazow: Algorithmic Generative Art

Create your own artwork by using computer generated algorithms. Learn about generative or algorithmic art.

5

medium.com

Microsoft open sourcing Fluent Emoji

Microsoft is making its Fluent Emoji available on Figma and GitHub.

Thursday08/11

1

eyeondesign.aiga.org

Here’s Why John Updike Designed His Own Book Covers

Last summer, while browsing the fiction aisles at Powell’s Books in Portland, a fat black spine caught my attention.

2

achangeofbrand.com

A Change Of Brand

A podcast about the world’s most loved consumer companies and their rebrand glory, drama, or disaster.

3

andybudd.com

The 4 Elements Of An Effective Brand

Good brand architecture is a hierarchy.

4

css-tricks.com

Designing for Long-Form Articles

Designing for long-form articles on the web is wrought with tons of considerations to create a relaxed and comfortable reading experience.

5

ryanmulligan.dev

The Infinite Marquee

A responsive looping marquee-style animation using HTML and CSS.

Browse Archives