The five best design links, every weekday

Wednesday09/23

1

css-tricks.com

Thinking About Power Usage and Websites

Gerry McGovern asked if I had any insight into energy consumption and websites.

2

designsystemsforfigma.com

Bringing Context To Design Systems

Hayley Hughes, UX Manager working on the Polaris Design System at Shopify discusses the importance of context in working on design systems.

3

bennettfeely.com

Ztext.js

Easy to implement, 3D typography for any website and every font.

4

pierrebuttin.com

Artificial Intelligence autobiography 

I wrote a 700-page autobiography, fed it to a machine learning algorithm and painted the results. 

5

itsnicethat.com

The Animade rebrand by Koto uses its logo as eyes

This jubilant identity also brings out the animation studio’s distinct personality through abstract shapes and bright colours.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Tuesday09/22

1

joshwcomeau.com

A Friendly Introduction to Spring Physics

Ever since I started building websites, I’ve been fascinated by animations.

2

css-tricks.com

Changing Emoji Skin Tones Programmatically

So, you know how many emoji have different skin tones? Emoji skin tones are extremely popular, especially over text and on social media.

3

tympanus.net

Inspirational Websites Roundup #18

A gigantic set of hot new websites for your inspiration and to get you up to date on the current web design trends.

4

web.dev

How to use CSS clipping

Using clipping in CSS can help us move away from everything in our designs looking like a box.

5

bgjar.com

BGJar

Free svg background generator for your websites, blogs and app.

Monday09/21

1

sombras.app

Sombras.app

Create art with shadows.

2

arun.is

The untold history of macOS System Preferences

System Preferences may not be the most exciting part of the Mac, but it holds some secrets and fun easter eggs.

3

christianheilmann.com

Tools should not only be for experts – they should turn us into them

About eight years ago Bret Victor tried to change the way developer tools work by providing a faster and simpler way from creation to consumption.

4

figma.com

Embracing the tension between code and design

New features that bring the best of both worlds to design systems in Figma

5

comica11y.humaan.com

ComicA11y

ComicA11y is an experiment that aims to achieve an all-inclusive online comic experience. Because comics should be universal.

Friday09/18

1

mono.company

Introducing Mono Icons

Here’s a breakdown of how we created our own icon set and the design principles we used to give our icons a consistent and unified approach.

2

stitches.dev

Migrating from styled-components to Stitches

This post is about highlighting the main differences between styled-components and Stitches.

3

css-tricks.com

Lessons Learned from Sixty Days of Re-Animating Zombies with Hand-Coded CSS

Caution: Terrible sense of humor ahead. We’ll talk about practical stuff, but the examples pretty much all involve zombies and silly jokes.

4

nova.app

Nova

The beautiful, fast, flexible, native Mac code editor from Panic.

5

blandbook.com

Totally Mundane™

Follow these bland documents to always go unnoticed and be like every other Bland.

Thursday09/17

1

thecut.com

Buying Myself Back

When does a model own her own image?

2

fastcompany.com

Americans speak more than 1,300 languages. This artist wants to capture themx

People speak as many as 800 languages in New York alone. With A Counting, Ekene Ijeoma aims to represent every single one.

3

medium.com

Color within Constraints

Getting 100+ designers and engineers to follow guidelines that are a part of literally everything they make is a huge undertaking.

4

web.dev

How to use CSS masking

CSS masking gives you the option of using an image as a mask layer.

5

inclusivedesign24.org

Inclusive Design 24

A free 24-Hour online community event on accessibility.

Wednesday09/16

1

uxdesign.cc

Rise Up. Show Up. Unite! Artists for Biden/Harris Poster Campaign

Award-winning artists unite to create political poster art in support of the Biden/Harris campaign lead by Jessica Hische.

2

valencygraphics.com

Cyberpunk 2077 Assets — Logos and Vectors

This is a collection of many logos and pieces that are included throughout Cyberpunk 2077 along with artistic representations of these logos.

3

daverupert.com

The tangled webs we weave

Another reflection on modern web development

4

guglieri.com

Claudio Guglieri - Design Playground

I help brands design products from idea to final execution.


5

css-tricks.com

Web History Chapter 4: Search

eBay had had enough of these spiders. They were fending them off by the thousands.

Tuesday09/15

1

bloomberg.com

Welcome to Your Bland New World

Why do disruptive startups slavishly follow an identikit formula of business model, look and feel, and tone of voice? Because it works, sort of.

2

chasem.co

Measuring the health of a design system

Design systems are like community gardens, and understanding their health is key to success. Here’s how the team at Sprout Social does it.

3

vice.com

A Deep Dive Into the ‘Gentrification Font’

According to a popular Twitter meme, sleek sans serif numbers are now the official look of neighborhood change.

4

link.medium.com

How to solve design problems?

A step towards the solution isn’t always a step forwards.

5

ishadeed.com

Learn CSS Centering

A guide to everything you need to know about centering in CSS.

Browse Archives