Weekly Digest 52/2021
Tags: css, javascript, webdev, react
Published: 2022-01-02 17:38:30

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](https://webkit.org/blog/12156/release-notes-for-safari-technology-preview-137/) just dropped, with **unflagged** support for CSS `:has()`. Often dubbed “the parent selector”, CSS `:has()` is way more than that …

[The CSS :has() selector is way more than a "Parent Selector"](https://www.bram.us/2021/12/21/the-css-has-selector-is-way-more-than-a-parent-selector/)

### Array Grouping in JavaScript: `array.groupBy()`

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

[Array Grouping in JavaScript: array.groupBy()](https://dmitripavlutin.com/javascript-array-group/)

### **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.

[How to Draw S-Curved Arrows Between Boxes / Rectangles](https://dragonman225.js.org/curved-arrows.html)

---

## 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!

{% youtube Uh95jZPTDfw %}

by [Google Chrome Developers](https://twitter.com/ChromiumDev)

### 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.

{% youtube DMB7YUSckys %}

by [Thomas Findlay](https://twitter.com/thomasfindlay94)

### Record and replay user flow with the Recorder panel

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

{% youtube rMUayh1QPYs %}

by [Google Chrome Developers](https://twitter.com/ChromiumDev)

---

## Useful GitHub repositories

### Return YouTube Dislike

Chrome extension to return youtube dislikes

{% github Anarios/return-youtube-dislike %}

---

## dribbble shots

### Pet NFT Marketplace

![by [Faris Muhtadi](https://dribbble.com/shots/17184169-Animated-Responsive-Pet-NFT-Marketplace)](https://cdn.dribbble.com/users/2338665/screenshots/17184169/media/d893963badd6b8c2063ccc9a17e43928.jpg)

by [Faris Muhtadi](https://dribbble.com/shots/17184169-Animated-Responsive-Pet-NFT-Marketplace)

### Univas - Website Design

![by [Shafiqul Islam](https://dribbble.com/shots/17182800-Univas-Website-Design)](https://cdn.dribbble.com/users/737304/screenshots/17182800/media/fdeafd1862bf81b0b8135e781cdfe964.png)

by [Shafiqul Islam](https://dribbble.com/shots/17182800-Univas-Website-Design)

### Blockchain Dark Dashboard Design.

![by [Mostafijur Rahman](https://dribbble.com/shots/17182350-Blockchain-Dark-Dashboard-Design)](https://cdn.dribbble.com/users/6632247/screenshots/17182350/media/81cc5105a3b32e52d43c33c1d673f14d.png)

by [Mostafijur Rahman](https://dribbble.com/shots/17182350-Blockchain-Dark-Dashboard-Design)

---

## Tweets

{% twitter 1475867772378828804 %}

{% twitter 1475738408479830017 %}

{% twitter 1476979465708212227 %}

{% twitter 1477221909637083136 %}

---

## Picked Pens

### (CS)Scalextric

{% codepen https://codepen.io/jh3y/pen/eYdGrMW %}

by [Jhey](https://twitter.com/jh3yy)

### Animate Grid with FLIP

{% codepen https://codepen.io/pehaa/pen/YzreJZG %}

by [Paulina Hetman](https://twitter.com/pehaa)

### 3D 2022 Toggle

{% codepen https://codepen.io/jh3y/pen/poWLELr %}

by [Jhey](https://twitter.com/jh3yy)

---

## Podcasts worth listening

### CodePen Radio – **With Jhey**

[Jhey Tompkins](https://jhey.dev/) is one of the most prolific CodePen creators out there!

{% spotify spotify:episode:4uuoN8NsIti0YfRtwg04TG %}

### Syntax – 2021 In Review

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

{% spotify spotify:episode:0qKAjKMZElYRJVWVbVuqP1 %}

---

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