The five best design links, every weekday

Wednesday10/27

1

smashingmagazine.com

A Deep Dive Into object-fit And background-size In CSS

In this article, we will go through how object-fit and background-size work, when we can use them, and why.

2

figma.com

Interactive components: less wiring, more inspiring

Introducing interactive components and a handful of smaller improvements

3

moforgeries.org

Museum of Forgeries

One original Warhol mixed at random into a stack of 999 forgeries.

4

trick-or-treat.pixelhop.io

Trick or Treat

Come and play ‘Trick or Treat’, a fun Halloween experiment using AI and pose detection to create a spooky transformation.

5

superjumpmagazine.com

Mass Effect: How to Indoctrinate Users with UX Consistency

How the Mass Effect trilogy makes use of the fourth UX heuristic: consistency and standards.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Tuesday10/26

1

refind.com

The essence of the web, every morning in your inboxSponsored

Thousands of busy people start their day with Refind. The 5 most relevant links from around the web, tailored to you. Sign up for free!

2

uxdesign.cc

The start of a new era for Responsive Web Design

If you’ve been in the web design industry as long as I have, you know one thing is imminent, the only constant is change.

3

medium.com

Keeping Things Organized

Scaling the Microsoft Teams Component Libraries (TCL) in Figma.

4

de.ryerson.ca

Accessibility Maze

A fun way to learn about web accessibility challenges and solutions.

5

tympanus.net

The Process of Building a CSS Framework

In this article, I want to show you the steps that brought us to the last version of CodyFrame.

Monday10/25

1

beta.reactjs.org

React Docs Beta

We are rewriting the React documentation with a few differences.

2

the-brandidentity.com

The Brand Identity

The Brand Identity is an independent graphic design resource with a global reach.

3

ishadeed.com

Prevent Scroll Chaining With Overscroll Behavior

How to prevent scroll chaining with overscroll-behavior property in CSS.

4

caninclude.glitch.me

Can Include

‘Can I Include’ tool to help determine if one HTML tag can be included in another HTML tag.

5

css-tricks.com

Exploring the CSS Paint API: Rounding Shapes

Rounding the corner of complex shapes is a nightmare! Luckily, the CSS Paint API is here to the rescue!

Friday10/22

1

code.visualstudio.com

Visual Studio Code for the Web

Announcing vscode.dev, Visual Studio Code for the Web.

2

css-tricks.com

The CSS-in-React Landscape

I only half-jokingly refer to the CSS-in-JS world as CSS-in-React.

3

buttoncheatsheet.com

The Button Cheat Sheet

Do you need a button for your next project but you’re not sure about the right markup? Don’t worry, we’ve got you covered!

4

focus.hteumeuleu.com

Hocus :focus

A keyboard navigation horror game. Find the 🎃 pumpkin.

5

healeycodes.com

DOOM Rendered via Checkboxes

WebAssembly meets 16000 HTML checkboxes.

Thursday10/21

1

bradfrost.com

“Dark Mode” vs “Inverted”

In design system work we often run into the need to clarify the difference between “dark mode” and “components rendered on a dark background”.

2

ctrl.blog

Improving the New York Times’ line wrap balancer

Web browsers don’t yet support (text-wrap: balance). Adobe and the NYTimes have offer free JavaScript alternatives.

3

marvel-or-font.web.app

Marvel Character or Font?

Can you tell the difference? A very important quiz.

4

iconmap.io

We Analyzed 425,909 Favicons

A look at the favicons, Apple touch icons, manifest icons, and image formats, HTML and colors behind the URLs of the world's top sites.

5

lorem.space

Lorem.space - placeholder image generator

An image placeholder generator tool with categories so that the images are actually useful an related to your theme.

Wednesday10/20

1

whyisthisinteresting.substack.com

The Key Art Edition

Open your favorite streaming service, and you’ll see rows of key art, neatly regimented in grid formation.

2

zachleat.com

The Art of Deception, Lighthouse Score Edition

Some folks are talking about Lighthouse scores in a way that is—in my opinion—not as forthright as it could be (intentionally or not).

3

uxdesign.cc

How design debt can hurt your product

Explore the 5 most common reasons why digital products accumulate design debt with each iteration.

4

uxdesign.cc

The best 2021 podcasts to level up your design game

One of the biggest truths is that good design is not only about applying best practices or following a good thinking framework.

5

uxtools.co

Take the 2021 Design Tools Survey

Share your tools and workflows with thousands of other designers in the annual Design Tools Survey.

Tuesday10/19

1

push-conference.com

This Thursday, hundreds of UX friends gather at PUSH UX 2021Sponsored

Join us online! Two days of inspiration around UX and designing responsibly. Speakers include Indi Young, Andy Budd, Daniel Burka and many more.

2

daverupert.com

HTML with Superpowers

Exploring what web components offer via the Shadow DOM and that you can use them standalone without frameworks, build tools, or package managers.

3

web.dev

Building a multi-select component

A foundational overview of how to build a responsive, adaptive, and accessible, multiselect component for sort and filter user experiences.

4

nordhealth.design

Nord Design System

Design, build, and ship coherent experiences with Nordhealth’s design system.

5

thomaspark.co

CSS Squid Game

Challenges from the series Squid Game recreated in pure CSS — without the help of JavaScript.

Browse Archives