The five best design links, every weekday

Tuesday08/04

1

frictionlog.com

What is a “Friction Log”?

A friction log is a type of UX experiment where the subject journals their feelings, thoughts, struggles, joys, and any other type of emotion.

2

adamwathan.me

Tailwind CSS: From Side-Project Byproduct to Multi-Million Dollar Business

The story of how a bunch of how a couple of failed SaaS ideas and a bunch of ugly Less stylesheets turned into my life’s work.

3

designedbycave.co.uk

The UX of LEGO Interface Panels

Piloting an ocean exploration ship or Martian research shuttle is serious business. Let’s hope the control panel is up to scratch.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Monday08/03

1

themes.muffingroup.com

Be: 500+ pre-built websites for ANY kind of projectSponsored

Now comes with Elementor and dedicated Elementor pre-built websites.

2

underconsideration.com

R’over the Moon

New Logo for Mars2020 by House of van Schneider.

3

their.tube

TheirTube

How do the recommended videos look on their Youtube home page?

4

css-tricks.com

Getting the Most Out of Variable Fonts on Google Fonts

I have spent the past several years working on a font family called Recursive Sans & Mono, and it just launched officially on Google Fonts!

5

matthewstrom.com

The things of everyday design

Understanding affordances leads to better conversations about design.

Friday07/31

1

medium.com

Playing Tabletop RPGs via Figma

It's the question everyone' asking about Figma: Can you use it to play tabletop RPG's with your friends online? Well, you can, and it's pretty cool.

2

codepen.io

Mandala Maker

Make mandalas and other geometric shapes in your browser.

3

wattenberger.com

What does 100% mean in CSS?

Spoiler: it depends.

4

vanschneider.com

NASA Mars 2020 Mission — Logo & Identity

A symbol capturing the energy and legacy of space travel, while celebrating the engineers who worked tirelessly on this mission.

5

teenyicons.com

Teenyicons — Tiny minimal 1px icons

An elegant icon set by Anja van Staden with more than a thousand icons.

Thursday07/30

1

pudding.cool

Defining the ’90s Music Canon

Quantifying the songs that will characterize the ’90s

2

fastcompany.com

Jokes aside, is the new Space Force logo any good? 5 design experts weigh in

Despite the obvious Star Trek comparisons, can the Space Force logo stand on its own?

3

stephaniewalter.design

Designing Adaptive Components, Beyond Responsive Breakpoints

Designing systems of components that adapt to responsive layouts, containers, work with different content states & adapt to user needs, behaviour.

4

streamlineicons.com

Streamline UX - 19,500 vector illustrations

The world’s largest vector illustration pack

5

css-tricks.com

Style9: build-time CSS-in-JS

In April of last year, Facebook revealed its big new redesign.

Wednesday07/29

1

medium.com

100 Days of 3D

It was a rainy weekend in Seattle. I drank some tea, watched a YouTube tutorial, and downloaded Blender 2.79.

2

nngroup.com

Turning Complex Data into Compelling Stories: A 5-Step Process

Uncover the story within extensive UX-research data by following a process of revisiting original research objectives.

3

ilovetypography.com

Black Print

The fascinating story of African American print culture; its authors, editors, journalists, printers and publishers.

4

logodesignlove.com

LoCoS visual language, by professor Yukio Ota

The life work of professor Yukio Ota is an entire language of symbols known as LoCoS that he dreams could be the lingua franca of the 21st century.

5

design.google

Is it Good Design? Well, yeah.

We ask people who design and build Google products what they consider to be good design.

Tuesday07/28

1

meyerweb.com

Accordion Rows in CSS Grid

Another aspect of the meyerweb redesign I’d like to explore is the way I’m using CSS Grid rows to give myself more layout flexibility.

2

aboutmonica.com

How To Create A GitHub Profile README

This article walksthrough how to access GitHub's new profile level README feature.

3

web.dev

@property: giving superpowers to CSS variables

Learn how to implement CSS custom properties with semantic typing, a fallback value, and more, directly in your CSS file.

4

spotify.design

Making the Brand: Asian American and Pacific Islander Heritage Month

Meet the creatives and hear the story behind this year’s Asian American and Pacific Islander Heritage Month (AAPIHM) campaign.

5

lookslikeyouneediceland.com

Looks Like You Need To Let It Out

It looks like you’ve been through a lot. It looks like you need to let it out. Record your scream and we’ll release it in Iceland.

Monday07/27

1

xfive.co

Trusted Development Partner for Your Creative AgencySponsored

For the past 15 years we’ve been helping creatives bring their visions to life. Get a trusted and experienced development partner for your agency.

2

shoelace.style

Shoelace: a forward-thinking library of web components.

Shoelace provides a collection of professionally designed, every day UI components built on a framework-agnostic technology.

3

nickymeuleman.netlify.app

A CSS-only, animated, wrapping underline.

Complications quickly arise if you want to do anything fancier than the good ol’ CSS text-decoration: underline…

4

observablehq.com

How to visualize periodicity?

An Observable notebook by Pierre Ripoll.

5

fastcompany.com

We’re in a golden age of UX. Why is video chat still stuck in the ’90s?

Today we have cloud storage and augmented reality—all on our phones. So why hasn’t video chat evolved at all?

Friday07/24

1

smashingmagazine.com

Modern CSS Techniques To Improve Legibility

In this article, we cover how we can improve websites legibility using some modern CSS techniques.

2

dribbble.com

How to create a strong visual identity for digital products

Here’s how to create a strong visual identity that communicates this unique story and stands out in a competitive market.

Browse Archives