Weekly Digest 30/2022
Tags: javascript, webdev, react, css
Published: 2022-07-31 17:11:16

Welcome to my Weekly Digest #30.

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

### Solving “The Dangler” Conundrum with Container Queries and `:has()`

[Solving "The Dangler" Conundrum with Container Queries and :has()](https://daverupert.com/2022/07/solving-the-dangler-conundrum-with-has-and-container-queries)

### Statements Vs. Expressions

One of the most foundational things to understand about JavaScript is that programs are made up of statements, and statements have slots for expressions. In this blog post, we'll dig into how these two structures work, and see how building an intuition about this can help us solve practical problems.

[Statements Vs. Expressions](https://www.joshwcomeau.com/javascript/statements-vs-expressions/)

---

## Some great videos I watched this week

### Thinking on ways to solve carousels

In today's GUI Challenge, [@Adam Argyle](https://www.youtube.com/channel/UCBGr3ZMcV5jke40_Wrv3fNA) shares the features and aspects of a carousel component: adaptive theming, adaptive to various user input types, adaptive to author time options, and adaptive to user preferences.

{% youtube CXJv6zM003M %}

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

### Chrome 104 - What’s New in DevTools

Restart frame during debugging, slow replay options in the Recorder panel, and more.

{% youtube 4RXWfw7Xg_Y %}

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

### I pressed ⌘B. You wouldn’t believe what happened next

Whenever you press ⌘B in Figma, what happens is a choreography of events of surprising complexity. It’s a collision of two worlds – keyboard shortcuts and typography – each one with hundreds of years of history.

{% youtube vUlnxjuYyzw %}

by [Marcin Wichary](https://twitter.com/mwichary)

### How to log messages in the Console | DevTools Tips

In this episode, Bramus and Jecelyn walk you through the different ways of logging and filtering messages in the Console.

{% youtube 76U0gtuV9AY %}

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

---

## Useful GitHub repositories

### magic-regexp

A compiled-away, type-safe, readable RegExp alternative

{% github danielroe/magic-regexp %}

### Plop

Consistency Made Simple

{% github plopjs/plop %}

### Gum

A tool for glamorous shell scripts

{% github charmbracelet/gum %}

---

## dribbble shots

### Cyberpunk Dystopia 3D Icon Set

![by [Krafted](https://dribbble.com/shots/18894095-Cyberpunk-Dystopia-3D-Icon-Set)](https://cdn.dribbble.com/userupload/3179941/file/original-28242eb701f00a31ee2e7696b6bf84d2.png)

by [Krafted](https://dribbble.com/shots/18894095-Cyberpunk-Dystopia-3D-Icon-Set)

### Food Delivery Maemlur - Mobile Apps.

![by [Habibi](https://dribbble.com/shots/18928557-Food-Delivery-Maemlur-Mobile-Apps)](https://cdn.dribbble.com/userupload/3223703/file/original-efd7e8d5932c254df73da86a7da5c661.png)

by [Habibi](https://dribbble.com/shots/18928557-Food-Delivery-Maemlur-Mobile-Apps)

### Agriculture Assistant App

![by [Conceptzilla](https://dribbble.com/shots/18913570-Agriculture-Assistant-App)](https://cdn.dribbble.com/userupload/3216628/file/original-e9b3fcfea00eaf6795b64a80c7b77c6c.png)

by [Conceptzilla](https://dribbble.com/shots/18913570-Agriculture-Assistant-App)

---

## Tweets

{% twitter 1552370987613786112 %}

{% twitter 1552561448919900160 %}

{% twitter 1552662724332625920 %}

---

## Picked Pens

### Responsive Faux 3D Content Scroller

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

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

### CSS only back to top button

{% codepen https://codepen.io/t_afif/pen/poLWLJG %}

by [Temani Afif](https://twitter.com/ChallengesCss)

### Cascading CSS Text Effects

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

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

---

## Podcasts worth listening

### Syntax – **What is Bun? The New JS Runtime**

In this Hasty Treat, Scott and Wes talk about Bun, a new all-in-one JavaScript runtime. What makes Bun so fast? What's on Bun's roadmap? And why do we need another JavaScript runtime?

{% spotify spotify:episode:35wlpIwrrbFkQjolF7jonw %}

---

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