The five best design links, every weekday

Friday02/12

1

piccalil.li

Fluid typography with CSS clamp

Learn to create a simple, accessibility friendly and configurable fluid type system that uses modern CSS sizing functions.

2

selfteachme.medium.com

Framer is still alive and well… and its a game-changer

I wanted to create a prototype that felt real. Stakeholders could pull it up on their mobile device and feel like they were using an application

3

wired.co.uk

Why does every advert look the same? Blame Corporate Memphis

The quirky, illustrative style favoured by startups has caused controversy within the design community

4

nngroup.com

Quantifying UX Improvements: A Case Study

A research-driven overhaul of a site’s information architecture resulted in an 85% improvement of findability.

5

firt.dev

Progressive Web Apps in 2021

The current status of the PWA platform and more insights about the state of the platform

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Thursday02/11

1

uxdesign.cc

Building better products with a design token pipeline

You may wonder how exactly to start using design tokens and how you can integrate them into your workflow.

2

uxdesign.cc

One Figma component — 3,360 Variants

Creating complex variants in Figma.

3

envylabs.com

Athletic Apps: How To Design Interfaces for Sports

A look at where the comparisons end between traditional data-driven applications and sports interfaces.

4

tabbied.com

Tabbied

A nice tool to doodle with generated patterns.

5

medium.com

Applying Usability Heuristics to The Witcher 3: Wild Hunt

A UX case study focused on the visibility of status.

Wednesday02/10

1

typography.com

Introducing Sagittarius

A typeface with lightly-worn futurism, Sagittarius is equally at home among the beauty and wellness aisles, or the coils of the warp core.

2

pudding.cool

Live Music Jukebox

An auditory comparison of 770 artists’ live and studio tracks

3

same.energy

Same Energy

A visual search engine that focuses purely on the visual aspects of imagery to find similar ones.

4

medium.com

Introducing Indeed’s New Brand Identity

A complete brand and design system, including custom type, color, illustration, iconography, motion, and voice.

5

joshwcomeau.com

An Interactive Guide to CSS Transitions

A back-to-basics look at the fundamental building blocks we need to create microinteractions and other animations.

Tuesday02/09

1

smashingmagazine.com

Managing CSS Z-Index In Large Projects

Here is an easy-to-implement mini-framework based on existing conventions that brings clarity and confidence to working with z-index.

2

singhkays.com

Netflix’s Annual Reports used to be a work of art. What happened?

A look at the evolution of Netflix's Annual Report designs and pondering the question what happened to the designs more recently?

3

github.blog

Making GitHub’s new homepage fast and performant

This post is the third installment of our five-part series on building GitHub’s new homepage.

4

javier.xyz

Droste Creator

Create recursive images with the Droste effect.

5

bram.us

Animating a CSS Gradient Border

Recently, Stephanie Eckles sent out a call to revive the use of CSS border-image. Not to use it with images but to create Gradient Borders in CSS.

Monday02/08

1

medium.com

Improving Comprehension through Intuitive Actions

“You are not your user” is a common UX mantra and one to keep in mind when designing for maximum user understanding.

2

css-tricks.com

Exploring the Complexities of Width and Height in CSS

Let’s explore the complexities of how CSS computes the width and height dimensions of

3

twometregraphics.co.uk

Pandemic Graphics Archive

The online pandemic graphics archive is an ongoing project and collation of COVID19 signs.

4

medium.com

How constraints can inspire creative thinking

You’re brainstorming new projects at work or developing a plot line for your screenplay. But the ideas aren’t coming, and you feel stuck.

5

azumbrunnen.me

Framer is dead · A love letter to my prototyping tool of choice

A story about how FramerJS misunderstood the users it served.

Friday02/05

1

mutsuacen.com

Mutsuacen

Create animated and interactive drawings.

2

typotheque.com

The Importance of Play

Is there a room for open-ended typographic play system, that allows to discover something that was not entirely planned?

3

zeichenschatz.net

How to pick a Typeface for User Interface and App Design?

What should you pay attention to when choosing a font for your user interface or app?

4

hiddedevries.nl

It's easier when you do it earlier

Web accessibility becomes easier and cheaper, when you address it earlier. Here’s various ways to do that.

5

stellify.net

Purchasing Power Parity

For the Web, its DNA is to be as accessible and inclusive as possible. Parity is another way to manifest that.

Thursday02/04

1

smashingmagazine.com

Things You Can Do With CSS Today

The present and future of CSS are very bright indeed.

2

css-tricks.com

Going From Solid to Knockout Text on Scroll

Here’s a fun CSS trick: a large title that switches from a solid color to knockout text as the background image behind it scrolls.

3

magenta.as

Brendan Dawes’ seven rules of creativity

Brendan Dawes is a UK-based artist who uses generative processes involving data, machine learning and algorithms to create a panoply of projects.

4

prototypr.io

We Value Your Privacy (At About $0.50): Dark Patterns in UI Copy

Dark patterns were made illegal in 2019, but throughout 2020 and 2021, the relationship between language and design is even sneakier.

5

dev.to

21 Bad Front-End Habits to Drop in 2021

Forget the gym, here are some resolutions you’ll actually keep

Browse Archives