The five best design links, every weekday

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.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

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.

Wednesday02/24

1

web.dev

Building a Tabs component

A foundational overview of how to build a tabs component similar to those found in iOS and Android apps.

2

trysmudford.com

On Design Engineering: I think I might be a design engineer...

Exploring design engineering, and deciding whether that’s what I do.

3

blog.prototypr.io

Behind Branding: Is that really Pringles?

This weekend, I walked past the chips and snacks aisle and noticed a different branding to my favorite “Crisps” brand.

4

beta.flim.ai

Flim

Flim is a smart database of keyword-searchable movie screenshots.

5

experience-japan.info

Experience Japan Pictograms

Experience Japan Pictograms are a novel set of visual symbols developed for people of all cultures and ages to enhance their tourism experience.

Tuesday02/23

1

smashingmagazine.com

State Of GDPR In 2021: Key Updates And What They Mean

As digital practitioners, GDPR has impacted every facet of our professional and personal lives.

2

css-tricks.com

Getting Deep into Shadows

Let’s talk shadows in web design.

3

joshwcomeau.com

What the heck, z-index??

The z-index property can be a tricky little bugger. Sometimes, no matter how much you crank up the number, the element never rises to the top!

4

jonyablonski.com

AI in Design

How might we leverage AI and the benefits it brings to help in the design process?

5

ethicaldesign.guide

Ethical Design Guide

Ethical Design Guide is made to share resources on how to create ethical products that don’t cause harm.

Browse Archives