Weekly Digest 27/2022
Tags: webdev, javascript, react, css
Published: 2022-07-10 16:13:00

Welcome to my Weekly Digest #27.

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

### An Accessibility-First Approach To Chart Visual Design

Using a data visualization case study, we will explore how an accessibility-first approach led us down the path of creating a better visual design for charts.

[An Accessibility-First Approach To Chart Visual Design - Smashing Magazine](https://www.smashingmagazine.com/2022/07/accessibility-first-approach-chart-visual-design/)

### Conditionally Styling Selected Elements in a Grid Container

[Conditionally Styling Selected Elements in a Grid Container | CSS-Tricks](https://css-tricks.com/conditionally-styling-selected-elements-in-a-grid-container/)

---

## Some great videos I watched this week

### Horizontal Directional Drilling

This is Daniel's attempt to code a simulation of Horizontal Directional Drilling, laparoscopic surgery for the earth!

{% youtube FfCBNL6lWK0 %}

by [Daniel Shiffman](https://twitter.com/shiffman)

### JavaScript just got way faster

First look at Bun - a fast new JavaScript runtime like Node.js or Deno. Explore the core features of Bun.js and how they might affect full-stack web developers in the future.

{% youtube FMhScnY0dME %}

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

### What Is Just

{% youtube 1qprF4BqSaM %}

by [LevelUpTuts](https://twitter.com/leveluptuts)

---

## Useful GitHub repositories

### Infracost VSCode Extension

See cost estimates for Terraform right in your editor

{% github infracost/vscode-infracost %}

### massCode

Next version of massCode. A free and open-source code snippets manager for developers

{% github massCodeIO/massCode %}

### ****Playwright****

Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.

{% github microsoft/playwright %}

---

## dribbble shots

### Marketplace Platform

![by [Stanislav Lebedev](https://dribbble.com/shots/18739540-Marketplace-Platform)](https://cdn.dribbble.com/userupload/3082176/file/original-8eb4658615b3848cafff721f05e83f90.png)

by [Stanislav Lebedev](https://dribbble.com/shots/18739540-Marketplace-Platform)

### Detku - Finance Mobile App

![by [Arfi Maulana](https://dribbble.com/shots/18741399-Detku-Finance-Mobile-App)](https://cdn.dribbble.com/users/2589136/screenshots/18741399/media/25b104dec010a708de1efe41c2ccb04d.png)

by [Arfi Maulana](https://dribbble.com/shots/18741399-Detku-Finance-Mobile-App)

### Track your parcel now!

![by [Saber Ali](https://dribbble.com/shots/18708075--Track-your-parcel-now)](https://cdn.dribbble.com/userupload/3077058/file/original-150ae2fb91af0fc67e9fa9d3a49df5b9.png)

by [Saber Ali](https://dribbble.com/shots/18708075--Track-your-parcel-now)

---

## Tweets

{% twitter 1543700258018000896 %}

{% twitter 1545172848842522626 %}

{% twitter 1545837995047243779 %}

{% twitter 1545475163201978368 %}

---

## Picked Pens

### Noisy ghost

{% codepen https://codepen.io/ksenia-k/pen/QWmjgWX %}

by [Ksenia Kondrashova](https://twitter.com/uuuuuulala)

### Checkbox Accent Color Pixel Art

{% codepen https://codepen.io/shshaw/pen/bGROdEP %}

by [Shaw](https://twitter.com/shshaw)

---

## Podcasts worth listening

### Syntax – CSS5 Color Functions

In this Hasty Treat, Scott and Wes talk about new CSS color functions, and tips for viewing the different options and ways of presenting color that are coming.

{% spotify spotify:episode:1HQyFhle2enMFtFBMhj50Y %}

---

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