The five best design links, every weekday

Tuesday11/30

1

cloudfour.com

Modern CSS in a Nutshell

A friend recently shared his frustration with CSS development. I responded to him with a high-level overview of the current state of CSS.

2

medium.com

How to make Google Docs not hurt your eyes

Better default styles for Google Docs.

3

fastcompany.com

The best-designed gifts of 2021

The annual Co.Design gift guide has loads of creative ideas for holiday shopping, no matter who is on your list.

4

css-tricks.com

Recreating the Apple Music Hits Playlist Animation in CSS

Apple Music has this “Spatial Audio” feature where the direction of the music in your headphones is based on the location of the device.

5

uxdesign.cc

Be usable, not consistent, not uniform

There is a harmful myth that pervades design decision-making.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Monday11/29

1

uxpin.com

Design 10x faster with UI components powered by codeSponsored

Build your prototypes with fully interactive components. Reach new heights of functional fidelity. Design with UXPin Merge.

2

trends.uxdesign.cc

The State of UX in 2022

The past two years have felt like two decades — and the pandemic isn’t over yet.

3

logodesignlove.com

Aphex Twin logo, by Paul Nicholson

Aphex Twin, the alias of music producer Richard D James, is identified by his monogram logo designed by graphic designer Paul Nicholson.

4

a11ymyths.com

Accessibility Myths

A small project debunking common accessibility myths.

5

uxdesign.cc

Types of design tools for voice user interfaces and how to use them

Step by step guide on how to design a conversation interface for three different artifacts

Friday11/26

1

smashingmagazine.com

A Showcase Of Lovely Little Websites

Instead of spending your coffee break scrolling through your social feeds, how about a lovely little website instead?

2

kottke.org

Beautifully Arranged Rock Sculptures

Jon Foreman neatly arranges rocks into colorful sculptures. He also does similar sand, leaves, debris, and shells.

3

tamagui.dev

Tamagui: React Native + Web UI kit

Universal React design systems that optimize for native & web.

4

web.dev

SVGcode: a PWA to convert raster images to SVG vector graphics

Convert color or monochrome bitmap images (PNG, JPG, JPEG, WEBP, AVIF, GIF,…) to color or monochrome vector images (SVG).

5

marcandrew.me

UI & UX Micro-Tips: Volume Ten

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.

Thursday11/25

1

blog.jim-nielsen.com

Dynamic Color Manipulation with CSS Relative Colors

CSS relative colors enable the dynamic color manipulation I’ve always wanted in vanilla CSS.

2

medium.com

How to maximize delight in data visualizations

How Shopify's Live View redesign uses things like motion to bridge the gap between observing the screen and experiencing real human connections.

3

medium.com

Adaptive, accessible and automated colour for Design Systems

The creation of our Design System’s colour palette was like many others; we began by auditing and then standardising a set of functional colours.

4

css-tricks.com

Creating Generative Patterns with The CSS Paint API

The browser has long been a medium for art and design.

5

tikolu.net

Emojimix

Combine two emojis into one. Thousands of combinations are available.

Wednesday11/24

1

shutterstock.com

2022 Color Trends: The Year’s Top Colors

See the top 3 colors that are rising in popularity to become our 2022 Color Trends.

2

life.jupiter.money

Pots on Jupiter — Designed to save

I have been hearing my parents emphasise the importance of savings from the day I was born.

3

androidpolice.com

Google's incredible 'Look to Speak' app now works with more languages

Allowing you to use nothing but your eyes to communicate, if everything else fails.

4

cloudfour.com

Which SVG technique performs best for way too many icons?

When I started giving talks about SVG back in 2016, I’d occasionally hear a question I never had a great answer for.

5

joshwcomeau.com

My Custom CSS Reset

I have a set of baseline CSS styles that come with me from project to project.

Tuesday11/23

1

getstream.io

Find your next design opportunity with StreamSponsored

Stream's design team is hiring for a Marketing Designer, Senior Designer, and a Senior UI/UX designer. Join the fast-growing startup, apply today!

2

the-brandidentity.com

NaN Tragedy

From the mind of French type designer J.B Morizot, NaN’s striking serif NaN Tragedy mixes sci-fi spirit with fantastical expression.

3

knock.app

How to design great keyboard shortcuts

How to save time for your users by choosing memorable, conflict-free keyboard shortcuts.

4

figma.com

Stay in the flow with redesigned comments

Introducing updates to comments in Figma and FigJam

5

chrbutler.com

There Is No Digital World

Everything digital costs something physical. It’s time for a digital conservation movement.

Monday11/22

1

web-design-articles.medium.com

Live now! Top 10 Black Friday Deals for Designers and AgenciesSponsored

The year’s biggest shopping event is now here!

2

chris-williams.me

The fry universe 🍟

3D modeling of various fry shapes reveals why you like some more than others.

3

uxdesign.cc

Design is not art, and UX is not design

Designers have been trying to shake the misconception that design is not art for a long time.

4

fig.io

Launching Fig

Now generally available, Fig adds VSCode-style autocomplete to your MacOS terminal to make it easier and more productive.

5

css-tricks.com

Parallax Powered by CSS Custom Properties

I have built parallax-style scenes before that respond to cursor movement, but not to this scale and not for a React application.

Browse Archives