The five best design links, every weekday

Tuesday01/18

1

rd.nytimes.com

Delivering 3D Scenes to the Web

See our process for optimizing 3D models for the web, and how we use scroll and camera paths to tell immersive stories.

2

visualcinnamon.com

Rotae

Explaining the background and design variations of the Rotae NFT collection, released on Art Blocks

3

furbo.org

Consistency Sin

This past summer we narrowly avoided a major user interface regression on Apple devices.

4

css-tricks.com

The 60 Hottest Front-end Tools of 2021

A list of the most popular front-end tools in 2021, according to the Web Tools Weekly newsletter. See which resources made the list.

5

screenspan.net

CSS Polka Dot Generator

Generate polka dot patterns using CSS custom variables for background images. No JS required.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Monday01/17

1

itsnicethat.com

Form follows feeling: How Google is making digital experiences personal

Google’s new design system update Material Design 3 puts control in users’ hands, allowing them to design their experiences.

2

blog.mozilla.org

Why Are Hyperlinks Blue

While musing over my recently published article, Why are hyperlinks blue, I was left feeling a bit blue.

3

12daysofweb.dev

Preference Queries

Some CSS media queries can detect user preferences. We'll review the two best-supported types for motion and color settings.

4

css-tricks.com

Mondrian Art in CSS From 5 Code Artists

I saw some Mondrian Art in CSS going around the other day and figured I’d go looking for others I’ve seen over the years and round them up.

5

tympanus.net

Case Study: Anatole Touvron’s Portfolio

A practical case study of Anatole Touvron’s Portfolio where you’ll get some insight on the process and some valuable tips.

Friday01/14

1

georgefrancis.dev

Color Modulation

Introduce a touch of beautiful, organic color variance to your generative compositions with just a few lines of code.

2

materialized.webflow.io

Materialized. A 3D Printed Logofolio.

Logofolio experimenting with 3D printing and the metamorphosis of digital elements inphysical environments.

3

kilianvalkhof.com

Your CSS reset needs text-size-adjust (probably)

I don’t get to work on a lot of new sites nowadays, but I recently got the opportunity to set one up from scratch.

4

vantajs.com

Vanta.js: 3D & WebGL Background Animations For Your Website

Gallery of customizable plug & play animated backgrounds using three.js

5

fastcompany.com

Locket, the #1 app in Apple’s App Store, uses a trick hiding in plain sight

The photo sharing app isn’t just a viral sensation. It figured out how to use widgets the right way.

Thursday01/13

1

marcandrew.me

UI & UX Micro-Tips: Volume Twelve

In this follow-up article, I’ve provided you with another set of easy-to-implement UI & UX micro-tips to help quickly improve your designs.

2

parceljs.org

Announcing Parcel CSS: A new CSS parser, compiler, and minifier written in Rust!

Parcel CSS has significantly better performance than existing tools, while also improving minification quality.

3

medium.muz.li

Helping travelers to plan their trips easily using crowdsourced itineraries

This case study explores the journey of users browsing through other travelers itineraries and creating their own customs itineraries.

4

uxtools.co

Switching Careers to UX Design

Insights from interviews with 20 designers who made the switch to UX Design from another field.

5

growth.design

One Simple Psychology Framework To Improve Your Onboarding

This case study shows how Blinkist onboards new users, and how one simple psychology framework could to improve your user onboarding (and retention).

Wednesday01/12

1

minimator.app

Minimator

Minimalist graphical editor in your browser and on the go.

2

neal.fun

Let’s Settle This

It’s time to settle the endless internet debates.

3

medium.design

A few lesser-known Figma tips

At Medium, our design team’s tool of choice is Figma.

4

joshwcomeau.com

Make Beautiful Gradients

Have you ever noticed that gradients tend to look a little gray and washed-out in the middle?

5

theanglebracket.com

The Angle Bracket

The results of a tournament conducted via Twitter polls asking what everyone's favorite HTML tags are. Would reality win over memes?

Tuesday01/11

1

uxdesign.cc

Did TikTok make Jakob’s Law obsolete?

Many well established “laws” prove to only be temporary.

2

brianlovin.com

How my website works

My personal website is an over-engineered playground where I can tinker, learn new things, test new tools, and break all the rules.

3

smashingmagazine.com

A Deep CSS Dive Into Radial And Conic Gradients

Let's take a closer look at conic-gradient and radial-gradient. How are they different and how and where to use them.

4

varun.ca

Three ways to create 3D particle effects

Particles are the technique behind so many 3D effects flock of birds, snow, fire, sparks and so on. This article shows you how to build such systems.

5

css-tricks.com

Don’t Fight the Cascade, Control It!

If you’re disciplined and make use of the inheritance that the CSS cascade provides, you’ll end up writing less CSS.

Monday01/10

1

tahti.studio

Tahti: a Groovebox for the Browser

Full-featured browser-based groovebox.

2

moxie.org

My first impressions of web3

Despite considering myself a cryptographer, I have not found myself particularly drawn to “crypto.”

3

design.wonderflow.ai

Wanda Design System

Wanda is Wonderflow’s design system.

4

qodeinteractive.com

Designers' Pick: Best Google Fonts for 2022

The Qode Interactive designers share their selection of the best Google Fonts for 2022.

5

css-tricks.com

useRainbow()

How a useRainbow() function can be used to create a brightly colored background that transitions between multiple colors.

Browse Archives