Weekly Digest 52/2021

Marco Biedermann
3 min readJan 2, 2022

Welcome to my last Weekly Digest of this year. Happy New Year everyone!

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

The CSS :has() selector is way more than a “Parent Selector”

Safari Technology Preview 137 just dropped, with unflagged support for CSS :has(). Often dubbed “the parent selector”, CSS :has() is way more than that …

Array Grouping in JavaScript: array.groupBy()

array.groupBy() and array.groupByToMap() methods let you group an array by certain criteria.

How to Draw S-Curved Arrows Between Boxes / Rectangles

When Alexander was building the spatial “tool for thought”, Jade, one frequently requested feature was drawing arrows between blocks, so we could make mind maps, flowcharts, etc. Here’s how he made it.

Some great videos I watched this week

Generating Your Color Palette in CSS

In this video, Surma and Jake pick up the topic of Color Spaces again, because there’s more to talk about. Device capabilities, perceptually uniform color spaces, color mixing, and contrast calculations. And all of that is coming to CSS!

Advanced Patterns for API Management in Large-Scale React Applications

In this talk, you will discover how to manage async operations and request cancellation by implementing a maintainable and scalable API layer and enhancing it with de-coupled cancellation logic.

Record and replay user flow with the Recorder panel

Learn how to record, replay, and audit user flows with the Recorder panel in DevTools.

dribbble shots

Pet NFT Marketplace

Univas — Website Design

Blockchain Dark Dashboard Design.

Tweets

Picked Pens

(CS)Scalextric

by Jhey

Animate Grid with FLIP

3D 2022 Toggle

by Jhey

Podcasts worth listening

CodePen Radio — With Jhey

Jhey Tompkins is one of the most prolific CodePen creators out there!

Syntax — 2021 In Review

In this episode of Syntax, Scott and Wes review their predictions and highlights for 2021.

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

--

--

Marco Biedermann

Full-Stack JavaScript Engineer with focus on React, Redux & Node.js and passioned about Open Source working @Mobime based in Berlin, Germany marcobiedermann.com