Weekly Digest 06/2022

by Maria Shanina

Welcome to my Weekly Digest #6.

This weekly digest contains a lot of interesting and inspiring articles, videos, tweets, podcasts, and designs I consumed during this week.

Interesting articles to read

Building like it’s 1984: A comprehensive guide to creating intuitive context menus

Context menus have existed for decades, from macOS to Windows, from Xerox Parc to the web. They’re a widely understood user interface concept, but many new apps still fail to deliver them at the standard users have come to expect.

Building like it's 1984: A comprehensive guide to creating intuitive context menus - Height

A Whistle-Stop Tour of 4 New CSS Color Features

There are many new and upcoming ways to define CSS color. Four new features include Display-P3, LCH, LAB, and HWB. Let’s preview them together.

A Preview of 4 New CSS Color Features | CSS-Tricks

Some great videos I watched this week

Validating user input with Zod

In this video we use Zod to validate incoming user data sent to an API route in Next.js.

by Leigh Halliday

Mastering React Memo

React.memo, useMemo, useCallback, should you use them? When should you use them? Let's improve your React coding skills right now!

by Jack Herrington

Thinking on ways to solve SVG favicon

In today’s GUI Challenge, @Adam Argyle shares thinking on a way to build an adaptive favicon with SVG. SVG not only delivers an infinitely scalable icon, it also allows inlining styles that can hook into CSS media queries like the light and dark preference queries.

by Google Chrome Developers

CSS Flexbox debugging tools | DevTools Tips

Tips on debugging CSS Flexbox with Chrome DevTools.

by Google Chrome Developers

Useful GitHub repositories

Gyroflow

Video stabilization using gyroscope data

GitHub - gyroflow/gyroflow: Video stabilization using gyroscope data

BlackHole

BlackHole is a modern macOS virtual audio driver that allows applications to pass audio to other applications with zero additional latency.

GitHub - ExistentialAudio/BlackHole: BlackHole is a modern macOS virtual audio driver that allows…

cheat

cheat allows you to create and view interactive cheatsheets on the command line.

GitHub - cheat/cheat: cheat allows you to create and view interactive cheatsheets on the…

dribbble shots

Nursececlub Mobile App Design

by Cuberto

Tracking app

by Bogdan Ostafiiv

Vessel — Case Study

by RD Branding

Tweets

Picked Pens

React Number Range Slider

by Jhey

With Love

by Paulina Hetman

Jello Stretchy

by Pete Barr

Podcasts worth listening

Syntax — Creator of Wordle — Josh Wardle

In this episode of Syntax, Wes and Scott talk with the creator of Wordle, Josh Wardle. What’s the tech stack for Wordle? Does he care about the clones of Wordle? And how did selling Wordle work?

Thank you for reading, talk to you next week, and stay safe! 👋