Weekly Digest 33/2022
Tags: javascript, webdev, css, react
Published: 2022-08-21 18:43:58

Welcome to my Weekly Digest #33.

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

### Communicating Effectively As A Tech Lead

Here are Addy’s tips for communicating effectively as a technical lead, including tips for how to talk to your teams and stakeholders.

[Communicating Effectively As A Tech Lead](https://addyosmani.com/blog/communication-tech-lead/)

### How and why we removed jQuery from [GOV.UK](http://gov.uk/)

Removing jQuery from GOV.UK was a huge yet manageable task that led to improved code and performance gains across the site. This is how and why we did this work.

[How and why we removed jQuery from GOV.UK](https://insidegovuk.blog.gov.uk/2022/08/11/how-and-why-we-removed-jquery-from-gov-uk/)

---

## Some great videos I watched this week

### What are Chrome's origin trials?

Origin trials are a way to test a new or experimental web platform feature. A third-party origin trial makes it possible for providers of embedded content to try out a new feature across multiple sites.

{% youtube v_gI8wcsPUA %}

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

### Getting Creative with Keyframes

Working with keyframes can be difficult even if you only have one animation, but the real problems begin when you have 3 objects with 5 animations, each of which has different keyframes, duration, timing-function… and yet they all need to be exactly synchronized. So how do we do that?!

{% youtube kXh3EMpaLFo %}

by [Amit Sheen](https://twitter.com/amit_sheen)

### Safely Handling Dynamic Data with TypeScript

TypeScript makes JavaScript safer by adding static type definitions. Static definitions are wonderful; they prevent developers from making trivial mistakes by ensuring every assignment and invocation is done correctly.

{% youtube y5W3Fm9dpZE %}

by [Ethan Arrowood](https://twitter.com/ArrowoodTech)

---

## Useful GitHub repositories

### Zodios

Zodios is a TypeScript API client with auto-completion features backed by [Axios](https://axios-http.com/) and [zod](https://github.com/colinhacks/zod)

{% github ecyrbe/zodios %}

### The PBR Database API

A database of physically based values for CG artists.

{% github AntonPalmqvist/physically-based-api %}

### tsx

TypeScript Execute (tsx): Node.js enhanced with esbuild to run TypeScript & ESM

{% github esbuild-kit/tsx %}

---

## dribbble shots

### Phoveus Team Management Dashboard Design

![by [Fariz Al Faridli](https://www.notion.so/Weekly-Digest-33-2022-4cc0fb9ac3c34500a561ef0f5209b5ff)](https://cdn.dribbble.com/userupload/3267270/file/original-ac74898870339761d10182c8c8f523fd.png)

by [Fariz Al Faridli](https://www.notion.so/Weekly-Digest-33-2022-4cc0fb9ac3c34500a561ef0f5209b5ff)

### Restaurant food ordering dashboard

![by [Ofspace LLC](https://dribbble.com/shots/19178423-Restaurant-food-ordering-dashboard)](https://cdn.dribbble.com/userupload/3290255/file/original-84cdd6b0e6a7369d13d1fa032eef410d.png)

by [Ofspace LLC](https://dribbble.com/shots/19178423-Restaurant-food-ordering-dashboard)

### Food Delivery Mobile Apps

![by [MD. Ridoy Ahmed Tamim](https://www.notion.so/Weekly-Digest-33-2022-4cc0fb9ac3c34500a561ef0f5209b5ff)](https://cdn.dribbble.com/users/10175423/screenshots/19178238/media/ea22d7f2716c7253aa02cb670d8294f6.png)

by [MD. Ridoy Ahmed Tamim](https://www.notion.so/Weekly-Digest-33-2022-4cc0fb9ac3c34500a561ef0f5209b5ff)

---

## Tweets

{% twitter 1558824620039585795 %}

{% twitter 1559525388417503233 %}

{% twitter 1559932351836200960 %}

{% twitter 1560227588391452672 %}

---

## Picked Pens

### Animated Star Rating

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

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

### Custom Tooltip

{% codepen https://codepen.io/Adir-SL/pen/VwXGPmy %}

by [Adir](https://twitter.com/adircode)

---

## Podcasts worth listening

### Syntax – CSS Proposals @when, CSS Masonry, Carets

In this episode of Syntax, Wes and Scott talk about proposals to CSS including @when, CSS Masonry, CSS Caret, ENV Vars, and Media Query Ranges.

{% spotify spotify:episode:3mK9fVTtgp7voZQUnXQFOM %}

---

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