Weekly Digest 17/2022
Tags: javascript, webdev, react, weeklyretro
Published: 2022-05-01 17:54:57

Welcome to my Weekly Digest #17 of this year.

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 a combined CSS-aspect-ratio-grid

Recently I was faced with the following problem. I had to build a layout that consists of several rows. In each row are two images with a fixed aspect ratio. The two images should have the same height and fill the entire row.

[Building a combined CSS-aspect-ratio-grid](https://9elements.com/blog/combined-aspect-ratio-grid/)

### Figma plugin for Storybook

Integrate design and code to speed up your team

[Figma plugin for Storybook](https://medium.com/storybookjs/figma-plugin-for-storybook-c00bde450ad9)

---

## Some great videos I watched this week

### TypeScript Congress 2022

Live stream of TypeScript Congress 2022

{% youtube yyheLdXit_U %}

by [GitNation](https://twitter.com/gitnationorg)

### Perl in 100 Seconds

Perl is a dynamic scripting language popular among system administrators and web developers. It is syntactically similar to the C Programming Language, but designed for efficient text processing tasks.

{% youtube 74_7LrRe5DI %}

by [Fireship](https://twitter.com/fireship_dev)

---

## Useful GitHub repositories

### click-to-component

`Option+Click` a Component in the browser to **instantly** go to the source in your editor.

{% github ericclemmons/click-to-component %}

### Yank Note

A Hackable Markdown Note Application for Programmers. Version control, AI completion, mind map, documents encryption, code snippet running, integrated terminal, chart embedding, HTML applets, plug-in, and macro replacement.

{% github purocean/yn %}

### Wireit

Wireit upgrades your npm scripts to make them smarter and more efficient.

{% github google/wireit %}

---

## dribbble shots

### Tricks.ai Mobile

![by [Halo Mobile](https://dribbble.com/shots/18145438-Tricks-ai-Mobile)](https://cdn.dribbble.com/userupload/2648507/file/original-684f11b5ba8220e10a565bfeed289c45.png)

by [Halo Mobile](https://dribbble.com/shots/18145438-Tricks-ai-Mobile)

### NFT Website Page

![by [Mohammad Reza Farahzad](https://dribbble.com/shots/18143907-NFT-Website-Page-Light)](https://cdn.dribbble.com/userupload/2647307/file/original-60c607f9c264939890f3f20e2a4749ec.jpg)

by [Mohammad Reza Farahzad](https://dribbble.com/shots/18143907-NFT-Website-Page-Light)

### Navigation UI design templates

![by [Roman Kamushken](https://dribbble.com/shots/18142168-Navigation-UI-design-templates-XELA-Dashboard-kit)](https://cdn.dribbble.com/userupload/2647016/file/original-320f6555cdb8aac24ef7b5b79340cea1.png)

by [Roman Kamushken](https://dribbble.com/shots/18142168-Navigation-UI-design-templates-XELA-Dashboard-kit)

---

## Tweets

{% twitter 1519692944738947072 %}

{% twitter 1519883872502173698 %}

{% twitter 1520655031036354560 %}

---

## Picked Pens

### Linear-style Cursor Glow

{% codepen https://codepen.io/davidkpiano/pen/gOoNZNe %}

by [David Khourshid](https://twitter.com/davidkpiano)

### 3D Range Slider

{% codepen https://codepen.io/jkantner/pen/jOYgKoE %}

by [Jon Kantner](https://twitter.com/jonkantner)

---

## Podcasts worth listening

### Syntax – **JavaScript × STUMP’D**

In this episode of Syntax, Wes and Scott ask each other hiring questions asked of JavaScript developers in job interviews.

{% spotify spotify:episode:1Zim8X4YGoEQv9rvnFYfrH %}

---

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