The five best design links, every weekday

Monday06/27

1

uxdesign.cc

I’m not a robot (but, are you?)

Who are the humans and who are the bots? Human authentication, while preserving privacy, and removing anonymity is the answer.

2

tympanus.net

UI Interactions & Animations Roundup #25

A fresh collection of the best and most creative animations from Dribbble from the past couple of weeks.

3

css-tricks.com

Single Element Loaders: The Bars

We’ve looked at spinners. We’ve looked at dots. Now we’re going to tackle another common pattern for loaders: bars.

4

medium.com

Airbnb’s Trip to Linaria

How Linaria, Airbnb’s newest choice for web styling, improved both developer experience and web performance.

5

gabe.pizza

Notes on maintaining an internal React component library

A collection of my thoughts on maintaining a component library as part of an existing design system used by a large number of frontend applications.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Friday06/24

1

medium.com

How we designed an accessible color palette from scratch

We knew that, although meticulously crafted, our current 7-color design system was very limiting and not suited for all use cases.

2

nolanlawson.com

Style scoping versus shadow DOM: which is fastest?

Last year, I asked the question: Does shadow DOM improve style performance?

3

survey.stackoverflow.co

Stack Overflow Developer Survey 2022

In May 2022 over 70,000 developers told us how they learn and level up, which tools they’re using, and what they want.

4

surma.dev

The cost of convenience

It is tempting to build abstractions so developers have to do less and build more.

5

chenhuijing.com

Can we enterprise CSS grid?

Regardless of whether the title of this blog post is grammatically correct or not, this is a question that I’ve had the opportunity to tackle.

Thursday06/23

1

hanshack.com

Point in History

Explore historical boundaries around a given location.

2

thisiscolossal.com

Aggressive Avians Dominate the 2022 Bird Photographer of the Year Contest

Quite a few finalists from the 2022 Bird Photographer of the Year contest center on avians as they fight for territory, food, and mates.

3

logolounge.com

2022 Logo Trend Report

The 20th Annual Logo Trend Report presented by LogoLounge is full of all the good, the badass, and the ugly.

4

adobe.design

Reinventing Adobe Spectrum’s colors

Our science-backed approach to updating a color system that supports over 100 products.

5

evilmartians.com

How to make absolutely any app look like a macOS app

Explains a few key UI features to consider to mimic the look and feel of a macOS desktop app, potentially giving a more seamless, or "credible" feel.

Wednesday06/22

1

c82.net

Making of 17th Century Watercolors

Way back in 2014, a Dutch manuscript from about mixing watercolors from 1692 made a splash in the blogosphere.

2

johnrichtv.com

Pie Graphs of Dogs

Pie graphs of dogs and their body propotions.

3

huggingface.co

Wordalle

Guess the DALL-E prompt in this Wordle-inspired game.

4

doc.cc

Returning to Craft

How returning to the craft taught me to be a better leader.

5

polypane.app

Polypane 9.1: Form autofilling, fast overview screenshot and a11y overlays

New features to quickly test forms, a faster screenshot feature, support for the INP web vital and heading and landmark info inside viewports.

Tuesday06/21

1

uxdesign.cc

Laundry Symbols Make No Sense

Never paid attention to those laundry symbols? You should. Not only do they save clothes, but they are also elegant and beautiful.

2

daverupert.com

Goodbye, IE

In 1995, I got my first PC with Windows 95 and my first web browser, unbeknownst to me at the time, was Internet Explorer 1.0.

3

nngroup.com

The Dos and Don’ts of Pairing Typefaces

When choosing typography to use in designs, narrow down your options by understanding the most common classifications.

4

prototypr.io

Touch-first Cursor: Round Pointers vs. Mouse Arrows

Apple reinvented the cursor to be ‘touch-first’ on iPadOS, building on the original mouse arrow by adding ‘Pointer Magnetism’ and more.

5

figma.com

How Figma put the bounce in spring animations

The physics behind spring animations.

Monday06/20

1

designsystemssurvey.seesparkbox.com

The 2022 Design Systems Survey

Why are design systems useful? Designers and developers from more than 20 industries tell us about their design systems and their uses.

2

medium.com

Thoughts on modernism, brutalism, and a number of other outdated “isms”

When hollowed-out ideologies produce failed outcomes.

3

humanrecordplayer.com

Human Record Player

Play Weezer's new single by spinning around with your phone.

4

uxdesign.cc

Futura: grace under pressure

Paul Renner’s quest for “sachlich” created a typeface that is as technically astute as it elegant

5

fonts.bunny.net

Bunny Fonts

Bunny Fonts is an open-source, privacy-first web font platform, designed as a drop-in replacement for Google Fonts CSS API.

Friday06/17

1

netlify.com

Fun Parallax Scrolling CSS

How some fun parallax scrolling effects were made with CSS-only for a recently Netlify project.

2

developer.apple.com

Writing for interfaces

The words and phrases you choose for your app matter.

3

observablehq.com

A Very, Very Tiny Grammar of Graphics

If you’ve ever wondered how frameworks like Observable Plot, ggplot2, or Vega-Lite work, you’ve come to the right place!

4

thisiscolossal.com

A New AI-System Designs Cameras as Playful Pop-Culture Mashups

A photographer doubling as an inventor of the bizarre, Mathieu Stern has been developing new cameras based on simple ideas.

5

alvarotrigo.com

CSS Generator For Shadow Gradients

Generate gradients for your shadows with pure CSS. This generator makes it easy for you.

Browse Archives