The five best design links, every weekday

Friday05/07

1

csshell.dev

CSS Hell - To Hell with bad CSS!

Collection of common CSS mistakes, and how to fix them.

2

requestmetrics.com

Measuring Web Performance in 2021: The Definitive Guide

This is the complete guide to the metrics, methods, and measurements of web performance in 2021.

3

mantine.dev

Mantine

React components and hooks library with native dark theme support and focus on usability, accessibility and developer experience.

4

observablehq.com

Observable Plot

New JavaScript library for visualization of tabular data with a concise and memorable API to foster fluency and help you try out ideas quickly.

5

smashingmagazine.com

The Humble <img> Element And Core Web Vitals

Images have also been a key part of the web. They communicate ideas instantly, but they are also a lot heavier than text to load.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Thursday05/06

1

benvessey.com

Dynamo

Power-up your charging experience with these innovative dynamic wallpapers.

2

miriamsuzanne.com

Container Queries Explainer & Proposal

A path forward, with single-axis containment

3

storybook.js.org

Visual Testing Handbook

Learn how to ship UIs without worrying about stowaway bugs

4

uxdesign.cc

Bringing Wikipedia to the homescreen on iOS

When Apple introduced an update to widgets with iOS 14, the Wikipedia iOS team was excited to take the opportunity to rethink our own.

5

blog.getbootstrap.com

Bootstrap 5 released

The first stable release of the front-end toolkit includes new components, utilities and a new logo.

Wednesday05/05

1

uxdesign.cc

Classic UX books from the 1980s

Uncover or revisit 9 classic UX books from the 1980s by Norman, Tufte, Shneiderman, and others.

2

uxdesign.cc

Tridimensionality: skeuomorphism, flat design, and neumorphism

This text explores the characteristics, rationale, and representation resources of three of the most relevant recent UI styles.

3

stephaniewalter.design

Create better conference slides and presentations

Tips and advice to help non designers craft slides that look professional and help catch the audience. And a bonus checklist!

4

leovogel.medium.com

Redesigning Amazon’s Kindle app for avid readers

3 UX Pain Points of Avid Ebook Readers and How to Fix Them

5

ishadeed.com

The State of CSS Cross-Browser Development

My thoughts on why cross-browser development is better than in the past.

Tuesday05/04

1

frontendpractice.com

Frontend Practice

A collection of real websites for developers to recreate to improve and test their skills.

2

ped.ro

Why I Build Design Systems with Stitches and Radix

For the last couple of years, we at Modulz worked hard to facilitate how teams can build, maintain and scale their design systems.

3

typewolf.com

Fonts in Popular Culture Identified Vol. 3

See the fonts used in popular culture—featuring Girls Don’t Cry, Cook This Book, Lovecraft Country, Mrs America and more.

4

css-tricks.com

Web History Chapter 8: CSS

In June of 2006, web developers and designers from around the world came to London for the second annual @media conference.

5

growth.design

The Psychology of Clubhouse’s User Retention (…and churn)

Clubhouse’s growth has skyrocketed... but can it keep its users? This case study digs into the psychology behind its user retention challenge.

Monday05/03

1

dbanks.design

Dark Mode with Style Dictionary

Dark mode is so hot right now. This article goes in depth into how dark mode works on Android, iOS, and the web.

2

uxdesign.cc

What is this “shape design” thing?

This article discusses shape design as used in certain styles of contemporary illustration.

3

medium.com

12 Incredible Masterpieces That Show the Oneness of Mathematics and Design

All of the brilliant designers I have had the opportunity to meet had vast imaginations and significant aesthetic concerns.

4

css-tricks.com

Jenny B Kowalski’s A-Z (and a-z) as Variable Letterforms

Jenny B Kowalski has been posting a-letter-a-day on Instagram exploring multi-axis variable/responsive letterforms.

5

wired.com

How Pixar Uses Hyper-Colors to Hack Your Brain

The animation studio’s artists are masters at tweaking light and color to trigger deep emotional responses.

Friday04/30

1

uxtools.co

33 Activity Ideas for Remote UX Workshops

Here are 33 ideas to try in your next meeting, along with tips and recommended tools.

2

wallpaper.com

Apple packaging like you’ve never seen it before

Clean lines, whiter-than-white elegance and direct, no-fuss ultra-minimalism.

3

jessbpeck.com

The Almost-Complete Guide to Cumulative Layout Shift

This is Jess B Peck’s personal website. SEO, Analytics, big data, small data, and the web.

4

uxdesign.cc

Why has no one made a better Goodreads

People who read often desire to read in connection with other readers. Readers have found community within the website, “Goodreads.”

5

ux.shopify.com

The Figma plugins that make me a better designer

Figma is Shopify’s default tool for product design and prototyping. Explore 9 utility plugins developed to work even more effectively.

Thursday04/29

1

medium.com

Beyond Calibri: Finding The Next Microsoft 365 Default Font

Default fonts are perhaps most notable in the absence of the impression they make.

2

medium.com

How to deprecate old components in Figma design systems

A strategy to help ease some of the pain and confusion when deprecating unwanted components from your Figma design system.

3

dribbble.com

I studied the fonts of the top 1000 websites. Here’s what I learned.

A design-curious data scientist crawled the top 1000 websites to analyze their font selections.

4

fastcompany.com

Microsoft debuts five new fonts in a death match to rule Office

Which will be the successor to Calibri? We’ll know in a year.

5

uxdesign.cc

You bought a pixel for $1.4 million

Yesterday, a Sotheby’s auction for a single gray pixel ended with a winning bid of $1,355,555.

Browse Archives