Weekly Digest 24/2022
Tags: webdev, javascript, css, react
Published: 2022-06-19 17:49:00

Welcome to my Weekly Digest #24 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

### Accelerating GitHub theme creation with color tooling

Learn why the GitHub Design Infrastructure team built a dedicated color tool and how they use it to create new color palettes for GitHub.

[Accelerating GitHub theme creation with color tooling | The GitHub Blog](https://github.blog/2022-06-14-accelerating-github-theme-creation-with-color-tooling/)

### Go ahead, delete your .env.example file

Learn how 1Password Developer Tools give you an alternative way to collaborate on configuration.

[Go ahead, delete your .env.example file | 1Password](https://blog.1password.com/delete-your-example-env-file/)

---

## Some great videos I watched this week

### ****The ins and outs of Core Web Vitals by Dan Shappir****

Ever since Google announced the webpage performance, as measured by Core Web Vitals (CWV) is a ranking factor starting May 2021, it has become the de-facto standard for measuring performance on the web.

{% youtube 5Ox0nqa_pPc %}

by [Dan Shappir](https://twitter.com/danshappir)

### Dry up your generic signatures with default generics

{% youtube z7thLMrTrZs %}

by [Matt Pocock](https://twitter.com/mattpocockuk)

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

Record double-click and right-click events, new options to measure user flow in Lighthouse and more.

{% youtube LyMts4yfQu8 %}

by [Google Chrome Developers](https://www.youtube.com/watch?v=LyMts4yfQu8)

---

## Useful GitHub repositories

### Jest-Image-Snapshot

Jest matcher for image comparisons. Most commonly used for visual regression testing.

{% github americanexpress/jest-image-snapshot %}

### Vale

A syntax-aware linter for prose built with speed and extensibility in mind.

{% github errata-ai/vale %}

### SVG Spinners

A collection of 24 x 24 dp SVG spinners!

{% github n3r4zzurr0/svg-spinners %}

---

## dribbble shots

### Troovē - Landing Page Mobile Responsive

![by [Ihya Fathurr](https://dribbble.com/shots/18519165-Troov-Landing-Page-Mobile-Responsive)](https://cdn.dribbble.com/users/4657225/screenshots/18519165/media/897c8f4fc7249a29ace9cd28bafc356e.jpg)

by [Ihya Fathurr](https://dribbble.com/shots/18519165-Troov-Landing-Page-Mobile-Responsive)

### Food Delivery App

![by [Lasha Monaselidze](https://dribbble.com/shots/18517509-Food-Delivery-App-Case-Study)](https://cdn.dribbble.com/userupload/2920790/file/original-84481e9cb1d54bbc7937a5d9b28e2df8.png)

by [Lasha Monaselidze](https://dribbble.com/shots/18517509-Food-Delivery-App-Case-Study)

### Mobile App Design.

![by [Mishu](https://dribbble.com/shots/18520393-Mobile-App-Design)](https://cdn.dribbble.com/users/7476807/screenshots/18520393/media/271f5d6e50077b79bcfd265dc50bfd54.png)

by [Mishu](https://dribbble.com/shots/18520393-Mobile-App-Design)

### Sekuterin - Scooter Rental App

![by [Asal Design](https://dribbble.com/shots/18508443-Sekuterin-Scooter-Rental-App)](https://cdn.dribbble.com/userupload/2917373/file/original-9757bc6dbd63cac74f5ecff6b03d2c19.png)

by [Asal Design](https://dribbble.com/shots/18508443-Sekuterin-Scooter-Rental-App)

---

## Tweets

{% twitter 1536455446747402240 %}

{% twitter 1536849617786126336 %}

{% twitter 1537379105330561025 %}

---

## Picked Pens

### Kill Internet Explorer but don't touch Chrome

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

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

### SVG Image Mask

{% codepen https://codepen.io/5t3ph/pen/GRQebrX %}

by [Stephanie Eckles](https://twitter.com/5t3ph/)

### Pure CSS The Queen's Gambit

{% codepen https://codepen.io/AsyrafHussin/pen/YzeZKJZ %}

by [Asyraf Hussin](https://twitter.com/asyrafhussin4)

---

## Podcasts worth listening

### Syntax – **Edge Functions and Deno with Eduardo Bouças of Netlify**

In this supper club episode of Syntax, Wes and Scott talk edge functions and Deno with Eduardo Bouças of Netlify.

{% spotify spotify:episode:2KNq6PdZrCihHxbEibfSBG %}

---

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