The five best design links, every weekday

Wednesday06/29

1

css-tricks.com

My Dumbest CSS Mistakes

We all make mistakes in our code.

2

nngroup.com

UX Writing: Study Guide

Unsure where to start? Use this collection of links to our articles and videos to learn how to write and present information.

3

imkylelambert.com

More than making rectangles

I remember the first time I opened Microsoft Paint and created something on a computer.

4

kilianvalkhof.com

Are you sure that’s a number input?

We’ve had inputs with the number type broadly available in browsers for about 8 years now.

5

iconfinder.com

Make beautiful presentations in Figma

Learn how to make neat-looking slides and present them effectively using Figma.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Tuesday06/28

1

joshwcomeau.com

My Wonderful HTML Email Workflow

If you’ve ever had the misfortune of being tasked with building a template for HTML emails, you know it’s tricky business!

2

infrequently.org

Apple Is Not Defending Browser Engine Choice

Some folks claim that Apple’s mandated inadequacy for browsers and their engines is somehow beneficial.

3

defensivecss.dev

Introduction to Defensive CSS

Practical CSS and design tips that helps in building future-proof user interfaces.

4

blog.presentandcorrect.com

Keksdose

Old German biscuit tins scanned from the book ‘Kunst und Keksdose’ published by Wienand.

5

smashingmagazine.com

Things I Wish I’d Known Earlier In My Career

Do you feel stuck in your company? Do you believe you deserve a raise but it never happens? Do you think you need to quit? Let’s figure it out.

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.

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.

Browse Archives