The five best design links, every weekday

Friday06/18

1

markboulton.co.uk

The problem with UX/UI portfolios

What does a UX portfolio look like?

2

gamesforcrows.itch.io

Feels

Where's Waldo for emojis.

3

ishadeed.com

Let's Learn About Aspect Ratio In CSS

Learn how to use the native CSS aspect-ratio property

4

pixelambacht.nl

Optical size, the hidden superpower of variable fonts

A look at making letters actually change the way they look when shown in small or large sizes using variable fonts with an optical size axis.

5

andysalerno.com

Bear plus snowflake equals polar bear

Quick, how many bytes make up the following line? No tricks, I promise.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Thursday06/17

1

theverge.com

Ten years of breaches in one image

Drawing on data from the “Have I Been Pwned” service, we’ve mapped out 10 years of breaches.

2

potential.app

iOS 15, Humane

We believe technology should help us live well. It can and should be designed to help us be intentional, to do the things that truly matter.

3

nngroup.com

The 6 Levels of UX Maturity

Our UX-maturity model has 6 stages that cover processes, design, research, leadership support, and longevity of UX.

4

kottke.org

Some Fun Typefaces for 2021

Adobe recently announced the winners of their 36 Days of Type contest.

5

wayfinder.nfb.ca

Wayfinder

A relaxing 'art game' in your browser that combines illustration, procedural generation, and computational poetry.

Wednesday06/16

1

fastcompany.com

Only 4.8% of U.S. designers are Black. Adobe, Gap, and more want to change that

Nearly two dozen companies are pledging to bring equity to design through the newly launched Diversity in Design Collaborative.

2

bensnell.medium.com

How My Drawings Destroyed Me

An outlet for creative and emotive expression. That’s what drawing once meant to me.

3

astro.build

Introducing Astro: Ship Less JavaScript

We’re excited to announce Astro as a new way to build static websites and deliver lightning-fast performance.

4

contra.com

The State of Independence Report 2021

Contra surveyed over 10,000 freelancers across design, engineering, product, writing, marketing, and social to gather insights on the future of work.

5

medium.muz.li

Designing e-commerce experience for pottery

Welcome to my first UI/UX case study. I will share my process and explain the design decisions I took along the way.

Tuesday06/15

1

getloaf.io

SVG animations made easySponsored

Loaf is a tool that makes SVG animations easy. Hundreds of premium animations packaged in a beautiful app for Windows and macOS. Get started for free!

2

uxdesign.cc

The UX of video game tutorials

What decisions a designer will run into while designing learning experiences.

3

uxdesign.cc

What does the Safari 15 update mean for my designs?

Everything you need to know about Safari 15 on iOS for web designers, front-end developers and design engineers.

4

growth.design

Chrome vs Brave: How To Use Ethical Design To Win Customers

Learn how Brave uses ethical design as their competitive advantage, and how they include it in their onboarding and user retention strategy.

5

robertcreative.com

Typography Trends in 2021: What Should You Know?

Here are 13 trends that I believe will determine the face of typography in 2021.

Monday06/14

1

uxdesign.cc

How bullet charts taught me about the importance of layering

One of the most interesting things that I’ve found is that working with advanced visualizations often requires a sharper design eye.

2

catherinemadden.com

Journey Mapping, Emotional Waves, and Fiber Art Data Viz

Two years ago, I had a blast creating this simple journey map that started with sticky notes and ended with some sort of layered line chart.

3

link.medium.com

Allowing group orders in food delivery apps

A new feature that allows multiple people to add food to a single order using their own devices.

4

mxb.dev

Media Queries in Times of @container

With container queries now on the horizon - will we need media queries at all?

5

healthicons.org

Health Icons

Free, open source health icons. Use in your next commercial or personal project. Editing is ok. Republishing is ok. No need to give credit.

Friday06/11

1

thisiscolossal.com

19 Illustrators Celebrate What They Love About Asian Culture

Nineteen international illustrators have banded together to raise money to stop violence against Asian communities.

2

web.dev

New CSS functional pseudo-class selectors :is() and :where()

These seemingly small additions to CSS selector syntax are going to have a big impact.

3

css-tricks.com

Hexagons and Beyond: Flexible, Responsive Grid Patterns, Sans Media Queries

A little while back, Chris shared this nice hexagonal grid. And true to its name, it’s using —wait for it — CSS Grid to form that layout.

4

leemartin.dev

Developing an Audio Player for Me Rex’s Megabear

It was February of this year when I first heard about the concept for Me Rex’s debut album, Megabear.

5

tympanus.net

Inspirational Websites Roundup #26

Get updated on the latest trends in web design with this new collection of super creative websites.

Thursday06/10

1

fastcompany.com

The biggest rebrands of the decade have this visionary designer in common

How Lisa Smith turned the world off of minimalism and changed the design landscape.

2

web.dev

Best practices for fonts

Learn about how to optimize web fonts for Core Web Vitals.

3

onlineornot.com

What the Fastly outage can teach us about writing error messages

Insights on doing better as developers when it comes to crafting error messages and information display after the recent Fastly outage.

4

css-tricks.com

A Cornucopia of Container Queries

I don’t know about y’all, but my feeds have been flooded with articles about CSS Container Queries these past few weeks.

5

star-trek.design

Star Trek + Design

Exploring the furniture, interior design and objects found on Star Trek in creating its 24th century aesthetic.

Browse Archives