The five best design links, 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

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

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.

Friday11/19

1

antfu.me

Icons in Pure CSS

In my previous post about Reimagine Atomic CSS, I introduced a preset of UnoCSS that provides the ability to use any icons on-demand in purely CSS.

2

themarkup.org

How We Investigated Facebook’s Most Popular Content

Investigating FB's widely viewed content report and a new Twitter bot "Trending on Facebook" checking what they say is happening on the platform.

3

tldraw.com

tldraw - a tiny little drawing app

Drawing and diagramming tool with a hand-drawn style. Features smart arrows, snapping, and sticky notes. Open-sourced and a VS Code extension too.

4

varun.ca

How to build stunning 3D scenes with React Three Fiber

Learn how to apply your app development skills to 3D graphics with this deep dive into WebGL.

5

uxdesign.cc

A visual history of Playstation controllers 

I illustrated every Playstation controller, from PS 1 to PS 5, in Figma.

Browse Archives