DEV Community

Cover image for Weekly Digest 52/2021
Marco Biedermann
Marco Biedermann

Posted on

Weekly Digest 52/2021

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 …

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()

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


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!

by Google Chrome Developers

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.

by Thomas Findlay

Record and replay user flow with the Recorder panel

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

by Google Chrome Developers


Useful GitHub repositories

Return YouTube Dislike

Chrome extension to return youtube dislikes

GitHub logo Anarios / return-youtube-dislike

Chrome extension to return youtube dislikes

Chrome Web Store Chrome Web Store Users Mozilla rating Mozilla downloads Commit rate Issues Discord License

Return YouTube Dislike

Return YouTube Dislike is an open-source extension that returns the YouTube dislike count.
Available for Chrome and Firefox as a Web Extension.
Also available for other browsers as JS Userscript.

The Story

On November 10th, 2021, Google announced that the YouTube dislike count would be removed.

Additionally, the dislike field in the YouTube API was removed on December 13th, 2021, removing any ability to judge the quality of content before watching.

What it Does

With the removal of dislike stats from the YouTube API, our backend switched to using a combination of scraped dislike stats, estimates extrapolated from extension user data and estimates based on view\like ratios.

FAQ

Why it Matters

You can learn more at our website at: returnyoutubedislike.com

API documentation

Third party use of this open API is allowed with the following restrictions:

  • Attribution: This project should be clearly attributed with either a link…

dribbble shots

Pet NFT Marketplace

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

by Faris Muhtadi

Univas - Website Design

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

by Shafiqul Islam

Blockchain Dark Dashboard Design.

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

by Mostafijur Rahman


Tweets


Picked Pens

(CS)Scalextric

by Jhey

Animate Grid with FLIP

by Paulina Hetman

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

Discussion (0)