The five best design links, every weekday

Friday03/05

1

irigoyen.dev

Stop Using Icon Fonts

Icon fonts became popular over a decade ago. But their convenience comes at a high cost to your visitors.

2

adrianroselli.com

Cistercian SVG

I am one of the many people who stumbled across Cistercian numerals and fell down the rabbit hole.

3

observablehq.com

10 Years of Open-Source Visualization

In honor of D3 1.0’s tin anniversary, I thought I’d reflect on lessons learned.

4

uxdesign.cc

Psychological principles every product designer should know

It isn’t a mystery that a large part of delivering a highly successful user experience is understanding what the customer wants/needs.

5

conic.style

Conic.css - nice, simple conic gradients

A collection of beautiful conic CSS gradients you can copy paste 🙂

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Thursday03/04

1

medium.com

Social Change by Design Database v2

As we approach our tenth anniversary, I reflected on the one question our studio gets asked more than any other: ‘who else does this work?’

2

uxdesign.cc

The FOMO is real: UX patterns capitalizing on human misery

FOMO is defined as the apprehension that one is either not in-the-know or missing out on information, events, experiences, or decisions.

3

postlight.com

Designing for the Breakup

Why endings are a product design problem worth solving.

4

pablitoplaneta.com

Pablito Planeta - Design Astrologist

Let’s see what the pixel stars have for you. Pablito Planeta guides you into your future as a designer. Vamos, cariño—the gradient cosmos is yours!

5

bram.us

The Future of CSS: Scroll-Linked Animations with @scroll-timeline (Part 2)

Create (pure CSS) Scroll-Linked Animations with Element-based Offsets using @scroll-timeline from the “Scroll-linked Animations“ CSS Specification.

Wednesday03/03

1

webkid.io

Datablocks - A Node Based Editor for Working with Data

To make our daily work more effective and fun we built a node based editor called datablocks for processing and visualizing data.

2

singularityhub.com

This Wild Video Maps the Entire Internet and Its Evolution Since 1997

In a new visualization, Barrett Lyon and the Opte Project piece together a roughly 25-year time-lapse mapping the internet’s explosive growth.

3

material.io

Google Fonts now supports icon sets

Google Fonts now supports open source icons, starting with the Material Design icon set.

4

trekhleb.dev

Gyro-web: Accessing the device orientation in JavaScript

Accessing the device orientation using React hook, and rotating a CSS 3D cube afterward.

5

css-tricks.com

The Best Font Loading Strategies and How to Execute Them

Zach Leatherman wrote up a comprehensive list of font loading strategies that have been widely shared in the web development field.

Tuesday03/02

1

vea.re

11 Fantastic Benefits of Design Systems

Discover the major benefits of implementing a design system — how it changes your workflow & your company culture.

2

proxima-vara.marksimonson.com

Proxima Vara by Mark Simonson

Proxima Nova goes variable! Change width, slant, and weight to get any style you can imagine.

3

bydesign.simplecast.com

By Design

By Design, a new podcast from the team at Abstract, explores the nuances and many steps in the product design process.

4

learnui.design

Gradient Generator Tool

Create beautiful, smooth gradients across a wide range of hues.

5

css-tricks.com

How to Map Mouse Position in CSS

Let’s look at how to get the user’s mouse position and map it into CSS custom properties: --positionX and --positionY.

Monday03/01

1

a16z.com

NFTs and a Thousand True Fans

Non-fungible tokens offer fundamentally better economics for creators.

2

bookriot.com

The Authors of Fonts: A History of Type Foundries

Typefaces and fonts are born in type foundries. Read on for how they came to be and who are the world’s biggest type foundries.

3

uxdesign.cc

UX inspiration from history: Sony Walkman

The story of the classic Walkman ended in 2010 when Sony retired the cassette player. Sony sold around 200 million cassette players, and the total ...

4

callumhart.com

An Accessible Current Page Navigation State

Design and technical considerations behind the icon that indicates what page you’re currently on.

5

fastcompany.com

7 tangible ways to make vaccine websites more accessible

Vaccine registration websites weren’t designed for the people who need them most. Here are easy fixes that don’t require starting over.

Friday02/26

1

pudding.cool

The Pudding Cup 2020

The best visual and data-driven stories of 2020.

2

blobmixer.14islands.com

Blobmixer

A toy for creating and sharing 3D blobs.

3

awwwards.com

Annual Awards 2020 - Discover the best of the Web on Awwwards

2020 birthed a year of next-level creativity and innovation in the world of digital design.

4

svgrepo.com

SVG Repo: Free SVG Vectors and Icons

Download free mono or multi color vectors for commercial use.

5

abstract.com

State of Design 2021

Over 1,000 designers talked to us about how they work, what they value, and the challenges they’re facing. Here’s what we found.

Thursday02/25

1

joshdata.me

Iceberger

Draw an iceberg and see how it will float.

2

hugogiraudel.com

Hiding Content Responsibly

In this article, I want to discuss all the ways to hide something, be it through HTML or CSS, and when to use which.

3

arun.is

The Art of the Desk Setup

What are the principles underlying the ideal desk setup? How do we balance great design with modern technology?

4

symphosizer.wearecollins.com

Symphosizer

Sound Activated Typography Instrument.

5

wikimediadesignstrategy.medium.com

In search of the perfect search for Wikipedia

The Wikipedia Android app team improved a core feature: searching for articles. Along the way, they experienced a surprise.

Browse Archives