The five best design links, every weekday

Tuesday07/05

1

marcandrew.me

6 Tips when working with Figma Component Properties

In this article I’ve compiled a list of helpful tips when using Figma Component Properties in your workflow.

2

creativestudy.aufi.com

The Creative Study

Creativity is the most powerful part of business. AUFI asked some of the world’s most creative minds to define what creativity is.

3

observablehq.com

Visualization Publication Dataset

Visualizing a dataset of research in visualization sounded a bit meta, but intriguing…

4

yatil.net

Text-overflow: ellipsis considered harmful

The whole reason text-overflow exists is to specify the behavior of text once it flows over the container.

5

fastcompany.com

See the 50 most striking book covers of the year

Every year, the AIGA recognizes the best designed book covers. This year’s winners highlight the vibrancy and diversity of the moment.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Monday07/04

1

darn.es

Building tabs in Web Components

Part of my role at Nordhealth is to design, develop and expand upon our ever increasing roster of Web Components within the Nord Design System.

2

uxdesign.cc

The business power of design: understanding Airbnb’s redesign

On May 11th, 2022, Airbnb announced a redesign that, according to CEO Brian Chesky, was the app’s “biggest change in a decade”.

3

eyeondesign.aiga.org

There’s a Clever Strategy Behind the Flash of Fireworks Packaging

Ahead of July 4th, we spoke with one of the US’s biggest pyrotechnics brands about its showy graphic design.

4

colinmorris.github.io

Compound pejoratives on Reddit – from buttface to wankpuffin

What can Reddit comment data tell us about the rules governing the formation of insulting compound words like ‘fartface’, ‘scumwad’, or ‘assgoblin’?

5

felt.com

Felt – The best way to make maps on the internet

Felt lets you create maps collaboratively, using world-class data, and share them in a single click.

Friday07/01

1

lea.verou.me

Releasing Color.js: A library that takes color seriously

This post has been long overdue: Chris and I started working on Color.js in 2020, over 2 years ago!

2

ryanfeigenbaum.com

The Complete Guide to the Dark Mode Toggle

Implementing a color mode switcher on your website using custom variables, prefers-color-scheme, and more, all with a very pretty demo!

3

marcandrew.me

My thoughts on the new Figma Component Properties

The pros and cons, as well as some handy tips to follow.

4

marioecg.com

Mario Carrillo — Creative Coder & Visual Artist

I’m an artist and programmer using technology as a medium for creativity and visual exploration between the digital and physical space.

5

css-tricks.com

Single Element Loaders: Going 3D!

For this fourth and final article of our little series on single-element loaders, we are going to explore 3D patterns.

Thursday06/30

1

web.dev

Farewell to HTML5Rocks

So long HTML5Rocks, it’s been nice knowing you.

2

meteor10.sachagreif.com

10 Years of Meteor

A developer's experience with a pioneering JavaScript framework.

3

raw.studio

How Netflix Creates Immersive UX Design And What We Can Learn From Them

19 minutes. This is, on average, how much time it takes for a Netflix user to either settle for a show or movie or give up.

4

designawards.core77.com

2022 Core77 Design Awards

An annual celebration of excellence in all areas of design.

5

css-tricks.com

How I Chose an Animation Library for My Solitaire Game

Follow the journey one front-end developer took to narrow down which animation library to use on a project to create a Solitaire online game.

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.

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.

Browse Archives